[转] 设置div的overflow:scroll,但是在手机上滑动的时候有点卡顿
Posted chris-oil
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[转] 设置div的overflow:scroll,但是在手机上滑动的时候有点卡顿相关的知识，希望对你有一定的参考价值。
设置div的overflow:scroll,但是在手机上滑动的时候有点卡顿，所以在这个div上加一个css:
-webkit-overflow-scrolling : touch;
在苹果手机上使用-webkit-overflow-scrolling:touch会导致使用固定定位的元素，随着页面一起滚动，只有滚动停止时才会恢复原位。如果不用这个属性的话，使用overflow-y:属性的盒子滑动非常不流畅，
解决方法：
使用overflow-y属性的元素不应该和固定元素在一个层级，使用overflow-y属性的元素外面加一层和固定元素在同一层级可以解决该问题…
以上是关于[转] 设置div的overflow:scroll,但是在手机上滑动的时候有点卡顿的主要内容，如果未能解决你的问题，请参考以下文章
overflow-y:auto/hidden/scroll和overflow-x:visible组合渲染异常
我可以对 Chrome 中的“overflow:scroll”div 中的“repaints on scroll”警告做些啥吗