我正在用
HTML和
JavaScript编写一个在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.