javascript – 禁用IOS Safari弹性滚动

前端之家收集整理的这篇文章主要介绍了javascript – 禁用IOS Safari弹性滚动前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在用 HTMLJavaScript编写一个在iPhone上使用的网络应用程序.我想要实现的是阻止应用程序弹性滚动(滚动到页面范围并弹回).但是,我需要一些较长的应用程序元素才能滚动(应用程序具有长画布).

我已经尝试了许多在互联网上其他地方发现的答案,但是所有这些解决方案都使用JQuery,完全禁用滚动,使用Phonegap或者只是在IOS 7上无效.我该怎么做?

解决方法

有没有jQuery实现这个方法
document.body.addEventListener('touchmove',function(event) {
    event.preventDefault();
});

但这不是一个正确的解决方案.最好将您的内容包装在某个div中,并使用CSS属性

-webkit-overflow-scrolling: touch;

Here就是这个例子

编辑:

这只会阻止webview中的过滤,而不是应用程序.所以你需要在app config中禁用这个功能.
如果你使用phonegap:

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

更多说明here

如果您不使用手机短信,可以使用this.

猜你在找的JavaScript相关文章