javascript - 禁用使用CSS/JS在Mobile Safari Webview中反弹？

我一直在试图找到这个问题的答案而没有成功。

我正在为MobileSafari中的Webview编写一些网页。我无权使用Objective-C来禁用该功能。

我想提供平滑的滚动页面体验或正常的滚动页面体验，但不允许用户拖动到页面的顶部或底部，然后使其显示空白并向后“反弹”。

有一个好的解决方案吗？

谢谢。

最佳答案

看看iScroll 4(和demo)。它是用于在固定的宽度/高度区域中滚动内容的框架。但这也应该解决您的问题，因为您可以禁用反弹效果。

在“将参数传递到ISCROLL”中说明了如何禁用反弹效果。
这两个参数应该很有趣:

反弹，启用/禁用边界外的反弹。默认值:true。

fixedScrollbar ，在iOS上，当您拖动滚动条边界时，滚动条会收缩。将此设置为true可以防止滚动条移到可见区域之外(根据Android)。默认值:在Android上为true，在iOS上为false。

更新

我只是偶然发现了jQueryt插件Nicescroll，它替代了浏览器的滚动。
默认情况下它不会反弹，但是您可以将其打开或关闭。