帖子
帖子
用户
博客
课程
123下一页
返回列表 发新帖
显示全部楼层
6
帖子
0
勋章
46
Y币

[其他] IOS 元素使用position:fixed时,上下抖动

[复制链接]
发表于 2020-6-1 14:30:52
在IOS环境下,当页面元素的使用position:fixed时,随着页面的上下滚动,会发生抖动,特别是在iphoneX里面,抖动的尤其厉害,这个问题怎么解决呢
26
帖子
0
勋章
4903
Y币
发个视频看看
6
帖子
0
勋章
46
Y币
http://cdn**.**/123.mp4
看下这个视频
6
帖子
0
勋章
46
Y币
9
帖子
0
勋章
5634
Y币

最好使用win加frame来实现
固定区域写在win里 滑动内容区域用frame
6
帖子
0
勋章
46
Y币
马浩川 发表于 2020-6-1 15:23
最好使用win加frame来实现
固定区域写在win里 滑动内容区域用frame

如果是底部永久固定,确实可以这样做,但是头部随着页面滚动出现的固定,就不行了吧
9
帖子
0
勋章
5634
Y币
saialone 发表于 2020-6-1 15:44
如果是底部永久固定,确实可以这样做,但是头部随着页面滚动出现的固定,就不行了吧 ...

你现在页面结构是怎么写的 ?
6
帖子
0
勋章
46
Y币
本帖最后由 saialone 于 2020-6-1 16:27 编辑
马浩川 发表于 2020-6-1 16:04
你现在页面结构是怎么写的 ?
<style>
    header{position:fixed;top:0;height:60px;}
    main{min-height:100vh;}
    footer{position:fixed;bottom:0;height:60px;}
</style>
<body>
     <header ></header>
    <main></main>   
    <footer></footer>
</body>

大概的结构就是上面这样的,底部是永久固定,头部是根据滚动距离判断展示和隐藏,在IOS下,有fixed的地方,就会抖动
26
帖子
0
勋章
4903
Y币
这个很奇怪,应该不会的
6
帖子
0
勋章
46
Y币
麦谷科技 发表于 2020-6-1 16:29
这个很奇怪,应该不会的

你可以照我上面的结构写个页面,用iphoneX试下就可以看到,非常明显的
123下一页
您需要登录后才可以回帖 登录

本版积分规则