javascript - 禁用 IOS Safari 弹性滚动

Question

我正在用 HTML 和 JavaScript 编写一个用于 iPhone 的网络应用程序。我想要实现的是防止应用程序弹性滚动(滚动超过页面范围并弹回)。但是，我的应用程序需要一些较长的元素才能滚动(该应用程序有一个长 Canvas )。

我已经尝试了很多在互联网上其他地方找到的这个问题的答案，但是，所有这些解决方案要么使用了 JQuery，完全禁用了滚动，要么使用了 Phonegap，要么只是在 IOS 7 上根本不起作用。我该怎么做？

Answer 1

有一种方法可以不用 jQuery 来实现:

document.body.addEventListener('touchmove', function(event) {
    event.preventDefault();
});

但这不是一个合适的解决方案。最好将您的内容包装在一些 div 中，并在其上使用 css 属性:

 -webkit-overflow-scrolling: touch;

Here就是例子

编辑:

这只会防止 webview 中的过度滚动，而不是应用程序中的过度滚动。所以你需要在应用程序配置中禁用此功能。如果您使用 phonegap:

<preference name="DisallowOverscroll" value="true" />

更多说明here

如果你不使用phonegap，你可以使用this .