首页 > 代码库 > 解决ios手机页面overflow scroll滑动很卡的问题

解决ios手机页面overflow scroll滑动很卡的问题

解决ios手机页面overflow scroll滑动很卡的问题

今天在IOS系统上测试 webAPP
App的时候发现使用了position:fixed/absolute时,DIV容器里面下滑动没有像普通页面一样顺畅,手滑到哪就停到哪。感觉很卡一样,而安卓效果正常,算是一个bug。终于在网上找到了一个解决方法。
 
技术分享

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
-webkit-overflow-scrolling:touch;
 
加上去后果然有用,也就是说DIV容器使用的定位属性引起的。当时效果是弹出一个层,body无滚动条,但是弹出层需要可以上下滑动。如果你也碰到了这个问题希望可以用这一句css代码帮到你!
 
很神奇!!!

解决ios手机页面overflow scroll滑动很卡的问题