Javascript 使用css/js在Mobile Safari Webview中禁用反弹？

我一直试图找到这个问题的答案，但没有成功

我正在为MobileSafari的webview编程一些网页。我无法访问Objective-C以通过这种方式禁用功能

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

有什么好的解决办法吗

谢谢。

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

如何禁用反弹效果在“将参数传递给ISCROLL”下进行了说明。 这两个参数应该很有趣：

• 反弹，启用/禁用边界外的反弹。默认值：true
• 固定滚动条，在iOS上，当您拖动滚动条边界时，滚动条会收缩。将此设置为true可防止滚动条移动到可见区域之外（根据Android）。默认值：在Android上为true，在iOS上为false

更新

我刚刚偶然发现了一个jQuery插件，它取代了浏览器滚动。

---

默认情况下，它不会反弹，但您可以打开或关闭它。

滚动程序脚本似乎如下所示：

不要使用每个DOM结构。或者至少对更复杂的问题没有。 我不知道为什么，但我无法将它们应用于您的代码或其他一些随机网页

但是我创建了一个小javascript助手，它禁用了反弹效果并模拟了滚动动画

在这里你可以找到一个

它确实很容易导入，因为它没有依赖项。只需在HTML中添加：

<script src="js/noBounce.js" type="text/javascript"></script>

---

您需要设置

preventDefault:false

。否则您的按钮将无法再工作。

在堆栈溢出上寻找“橡皮筋”，有两种解决方案要求您使用溢出，但随后用户将无法点击顶部黑条快速滚动到顶部，这取决于您的web应用程序中可能会破坏交易的内容。：）我尝试使用iScroll，但是，当尝试这样做时，它会立即将用户返回到页面顶部，我无法进一步排除故障。如果您能够提供一些代码或示例。我们可以试着帮你（当然可以。我看到其他一些人报告了类似的行为。您可以在这里下载示例。在AppView.js中可以找到contentWrapper和contentScroller。尝试在iPad上滚动页面时，它会回到页面顶部。顺便说一句，非常感谢您花时间阅读和回复，Tim。我已经在非滚动页面上使用了此功能。：-）然而，它并没有完全解决滚动页面的问题。也许这是不可行的。您使用

document.addEventListener（'touchmove'，函数（e）{e.preventDefault（）；}，false）

禁用浏览器触摸滚动以消除反弹效果。但是你不能再滚动了。js所做的是模拟触摸滚动，但没有反弹效果。因此，您有一个正常的滚动行为，没有反弹效果。看起来有一个更好的答案，这是有效的（至少对我来说）

noBounce.init({preventDefault: false, animate: true});