Question

我有一个简单的html5页面，里面有3个div。如果我只允许第3个div滚动，我会得到一些令人难以置信的滞后和触摸响应是很奇怪的。有什么想法吗？

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

Answer 1

好的，感谢iScroll4插件，我为iPad Web Developpers找到了一个新技巧。显然，使用这个CSS可以更好地工作：

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

虽然这种情况像地狱一样滞后：

overflow: auto;

Answer 2

使用iscroll 4 http://cubiq.org/dropbox/iscroll4/examples/simple/这将提供最佳解决方案

如何防止Safari Mobile（iPad）上的滚动延迟？

2 个答案: