带有“-webkit-overflow-”滚动的iPad网站:触摸;“滚动有时会停止工作……

带有“-webkit-overflow-”滚动的iPad网站:触摸;“滚动有时会停止工作……,第1张

概述这仅适用于ipad上的Safari 我在内容溢出的div上有以下css: #some_div{ position: absolute; top:0px; left: 0px; right: 0px; bottom: 0px; overflow-y:scroll;overflow-x:scroll;-webkit-overflow-scrolling: touch;} 但是过了一会儿,或者 这仅适用于ipad上的Safari

我在内容溢出的div上有以下CSS:

#some_div{ position: absolute; top:0px; left: 0px; right: 0px; bottom: 0px; overflow-y:scroll;overflow-x:scroll;-webkit-overflow-scrolling: touch;}

但是过了一会儿,或者有时隐藏和弯曲div时,滚动就会停止工作.

有没有人有这个或知道如何解决它?

干杯!

解决方法 通过阻止body标签上的默认行为,我能够绕过这个“BUG”

$('body').on('touchmove',function (e) {    e.preventDefault();});

我在iframe上遇到了问题

总结

以上是内存溢出为你收集整理的带有“-webkit-overflow-”滚动的iPad网站:触摸;“滚动有时会停止工作……全部内容,希望文章能够帮你解决带有“-webkit-overflow-”滚动的iPad网站:触摸;“滚动有时会停止工作……所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1082929.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存