javascript - 如何为 iOS 浏览器禁用 body 上的惯性滚动?

标签 javascript jquery html css mobile-safari

我需要为 iPad 禁用 body 元素上的惯性滚动,但要保持在没有惯性的情况下滚动页面的能力。

我已经找了一段时间了,但我没有找到任何好的解决方案。也许我只是没有在寻找正确的东西?是否有任何黑客或解决方法可以使这成为可能?

最佳答案

将此添加到 body 元素的 CSS:

-webkit-overflow-scrolling: auto;

-webkit-overflow-scrolling 的默认值是touch。这告诉 iOS 设备使用“惯性”滚动。文档:https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling

@meuwka 的回答实现了你的目标,但以一种迂回的方式——它之所以有效,是因为 div 元素默认有 -webkit-overflow-scrolling: auto;

关于javascript - 如何为 iOS 浏览器禁用 body 上的惯性滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26235878/

相关文章:

javascript - 将 View 的脏状态传播到包含表单

当屏幕尺寸较小时,Javascript 将链接添加到移动菜单。不再有效。

javascript - 禁用 WordPress 的 wp_attempt_focus()

javascript - 使用 Ajax 动态添加局部 View

html - 如何在hr标签中间留出空间?

html - 行文本行设置代码

java - 在同一函数内将 var 分配给 String

javascript - 如何 XHR 远程服务器?

javascript - 检测右键删除/剪切/复制tinymce

html - 使用 VBA 访问 iframe 中的对象