How to prevent scroll lag on Safari Mobile (iPad)?

2019-03-10 03:41发布

站内文章 / Html5
22 0 0

问题:

I have a simple html5 page with 3 divs inside. If I only allow the 3rd div to scroll i get some aweful lags and touch responsivness is weird. Any ideas?

<html>
<body style="overflow:hidden">
 <div>
    BLA1
 </div>
 <div>
   BLA2
 </div>
 <div style="overflow: auto;">
    BLA3 overflow is here
 </div>
</body>
</html>

回答1:

Ok, thanks to the iScroll4 plugin I got a new trick for iPad Web Developpers. Apparently it works way better with this CSS :

overflow-y: scroll;
overflow-x: hidden; 
-webkit-overflow-scrolling: touch;

While this lag like hell :

overflow: auto;


回答2:

Use iscroll 4 http://cubiq.org/dropbox/iscroll4/examples/simple/ this will give best solution



标签： ipad html5 css3 jquery-mobile mobile-safari
举报

收藏的人(0)

Ta的文章 更多文章
登录 后发表评论
0条评论
还没有人评论过~