当前位置: 首页 > 面试题库 >

position:fixed;在ios下无效该怎么办?

涂飞航
2023-03-14
本文向大家介绍position:fixed;在ios下无效该怎么办?相关面试题,主要包含被问及position:fixed;在ios下无效该怎么办?时的应答技巧和注意事项,需要的朋友参考一下

把需要用手滑动的内容用clss为.content(名字随便起)的div包起来,样式代码如下:

.content {
position: fixed;
top: 0;
left: 0;
bottom: 180px; /距离底部的距离为底部盒子的高度,自己也可以设置/
overflow-y: scroll;
width: 100%;
height: auto;
-webkit-overflow-scrolling: touch; /这句是为了滑动更顺畅/
}
-webkit-overflow-scrolling: touch; /这句是为了滑动更顺畅/
这句代码一定得写,要不上下滑动起来有些卡顿,亲自体验过的。
然后把需要固定在底部的内容用class为.footer(名字随便起)的div包起来,样式代码如下:

.footer {
position: fixed;
bottom: 0;
height: 180px;
}
这样,在真机上再次测试就没有问题了。如有更好的解决办法,希望大家互相交流。

作者:贵林之恋
来源:CSDN
原文:https://blog.csdn.net/zyg1515330502/article/details/79207334

 类似资料:
  • 本文向大家介绍怎么让position:fixed相对于父元素定位?相关面试题,主要包含被问及怎么让position:fixed相对于父元素定位?时的应答技巧和注意事项,需要的朋友参考一下 1、 给父元素设置transform 2、 不设置top/right/bottom/left属性,用margin定位

  • 主要内容:前 言,索引失效会导致什么后果?,sql优化案例实战,| 体验下无索引的查询效率,| 体验下有索引的查询效率,| sql优化案例:隐式转换导致索引失效,结束语前 言 上一期,我们讲解了sql优化的一般流程,不管是优化join语句、where语句、聚合函数还是排序操作,核心在于利用索引来优化sql语句,但是,大家以为我们为字段创建了索引之后,索引就一定会生效吗? 当然不是的,因为索引可能会失效。 那索引为什么会失效呢?失效之后会导致什么样的后果呢?这一节,我们利用当下的问题,也就是千万级

  • 问题内容: 当我尝试启动我们的Java服务器时,出现此错误:java.lang.ClassNotFoundException:com.mysql.jdbc.Driver 但是我在脚本所在的文件夹中有mysql-connector-java-5.1.22-bin.jar,并在运行脚本时使用它: 但是仍然得到这个。该怎么办?我正在使用CentOS服务器。 问题答案: 在中的 MANIFEST.MF 文

  • 在<style scoped>下row-class-name怎么生效? 去掉scoped是可以生效的。 如果我想在hover某一行或点击高亮某一行的的时候,依然保存row-class-name所设定的样式该怎么办呢? (注:可以直接将下面代码粘贴到element-plus.run中执行)

  • 问题内容: 我正在编写一个脚本(多线程)以从网站上检索内容,并且该网站不是很稳定,因此时不时会有一个挂起的http请求,甚至无法超时。由于我无法控制该网站,所以我唯一能做的就是改善代码,但现在我的想法已经用尽。 样例代码: 我该怎么做才能迫使挂起的请求退出?其实我想知道为什么一开始不起作用。有人可以帮我吗? 补充:(是的问题仍然没有解决) 好的,我遵循了tomasz的建议,将代码更改为,但是同样的

  • 宽度不定,图片和主要参建单位居中对齐,右边文字可以换行但是第一行和参建单位对齐