如何防止Safari Mobile(iPad)上的滚动延迟?

Tec*_*ter 11 html5 mobile-safari css3 ipad jquery-mobile

我有一个简单的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>
Run Code Online (Sandbox Code Playgroud)

Tec*_*ter 45

好的,多亏了iScroll4插件,我得到了一个新的iPad Web Developpers技巧.显然,使用这个CSS可以更好地工作:

overflow-y: scroll;
overflow-x: hidden; 
-webkit-overflow-scrolling: touch;
Run Code Online (Sandbox Code Playgroud)

虽然这个地狱像地狱一样:

overflow: auto;
Run Code Online (Sandbox Code Playgroud)

  • 有什么方法可以保持元素定位绝对或相对在使用这种方法滚动时消失一两秒? (2认同)
  • 这很棒!简单来说,我只需要使用-webkit-overflow-scrolling属性,同时保留overflow:auto. (2认同)