解决移动端css-fixed 在ios引发的抖动

本文探讨了在iOS设备上,-webkit-overflow-scrolling属性与fixed布局元素结合时出现的滚动不流畅问题。建议将fixed元素直接置于body下,避免嵌套在其他元素中,以提高页面滚动性能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

大佬的参考:http://www.zhangyunling.com/684.html
首先,IOS想要页面的滚动变得流畅,所以才有的这个元素:-webkit-overflow-scrolling,那么这个属性的存在,就可能会引起一些其他的问题,这个解释不了更多了…

还有,语义化标签是个很重要的概念,这里也更进一步的说明了这个问题,其实,在最初之所以把fixed元素,放在其他的元素内部,主要是为了之后的操作更方便,当然在没有使用-webkit-overflow-scrolling的属性的时候,也确实没有问题,但是这个两个属性,碰到了一起,就出现问题了。

IOS系统下,fixed的属性的诸多问题,这里又添加了一员,希望大家多多注意,平时对于fixed的使用,也多多注意,比如把所有的fixed元素,都放在body元素的下面,而不是放在其他子元素的内部

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值