overflow: scroll在iOS上滑动卡顿的问题

Posted 2023-05-14

参考技术A 首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成ios上页面滑动的卡顿问题。解决方案是：
看是否能把body和html的height: 100%去除掉。
在滚动的容器中增加：-webkit-overflow-scrolling: touch或者给body增加：body overflow-x: hidden。

[转] 设置div的overflow:scroll,但是在手机上滑动的时候有点卡顿

设置div的overflow:scroll,但是在手机上滑动的时候有点卡顿，所以在这个div上加一个css:

-webkit-overflow-scrolling : touch;

 

 

在苹果手机上使用-webkit-overflow-scrolling:touch会导致使用固定定位的元素，随着页面一起滚动，只有滚动停止时才会恢复原位。如果不用这个属性的话，使用overflow-y:属性的盒子滑动非常不流畅，

 

解决方法：

使用overflow-y属性的元素不应该和固定元素在一个层级，使用overflow-y属性的元素外面加一层和固定元素在同一层级可以解决该问题…