解决使用了属性overflow:scroll、overflow-y:scroll、overflow-x:scroll;的网页在iPhone iOS Safari浏览器中滑动不流畅问题...

在使用了属性overflow:scroll、overflow-y:scroll、overflow-x:scroll;的元素上加上-webkit-overflow-scrolling: touch;即可

 

在IPhone上对div盒子设置高度height:XXXpx并使用overflow-y:scroll使盒子出现滚动条可能与浏览器自身滚动条冲突导致滑动不流畅

 

参考资料：

解决页面使用overflow: scroll在iOS上滑动卡顿的问题

 

网页在Safari快速滚动和回弹的原理： -webkit-overflow-scrolling : touch;的实现

-webkit-overflow-scrolling 带来的 BUG

转载于:https://www.cnblogs.com/Arlar/p/5725908.html