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

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

ipad html css jquery-mobile

如何防止Safari Mobile（iPad）上的滚动延迟？,ipad,html,css,jquery-mobile,mobile-safari,Ipad,Html,Css,Jquery Mobile,Mobile Safari,我有一个简单的html5页面，里面有3个div。如果我只允许第三个div滚动，我会得到一些令人敬畏的延迟和触摸响应是奇怪的。有什么想法吗 <html> <body style="overflow:hidden"> <div> BLA1 </div> <div> BLA2 </div> <div style="overflow: auto;"> BLA3 overflow is he

我有一个简单的html5页面，里面有3个div。如果我只允许第三个div滚动，我会得到一些令人敬畏的延迟和触摸响应是奇怪的。有什么想法吗

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


布拉1
废话
BLA3溢出在这里

使用iscroll 4这将提供最佳解决方案

好的，多亏了iscroll 4插件，我为iPad Web开发人员找到了一个新的窍门。显然，使用此CSS时效果更好：

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

虽然这是一个巨大的滞后：

overflow: auto;

当使用这种方法滚动时，有没有任何方法可以使处于绝对或相对位置的元素在一两秒钟内不消失？@jasonmerino这是一个已知的固定elt滚动问题。您可以在滚动之后覆盖元素的CSS。但从未尝试过。如果你发现了，请在这里发表评论，这非常有效！请注意，我只需使用-webkit overflow滚动属性，而保留overflow:auto。@FanFanFavorite是的，webkit部分是很重要的一部分，尽管它总是很好地指定哪个轴允许溢出…我希望我能更多地投票。你让我的日子过了五次。添加

overflow-x:hidden

和auto时的区别简直令人难以置信。我以为我永远都不会把事情做好。非常感谢！在从iOS 11升级到iOS 12并在

主体上设置位置：fixed
后，我遇到了类似的问题。