Cordova - 如何在iOS上禁用嵌套元素的弹跳效果但保留速度滚动？

Question

我有一个 Cordova 应用程序，在其中一个屏幕上有可滚动的内容。我有一个带有 overflow:scroll 和 -webkit-overflow-scroll:touch 的 div，一切正常。速度滚动（本机样式）运作良好。这是在 iOS 9.3 上。 html 和 body 不滚动（height:100% 和 overflow:hidden）。

我的问题是当滚动有动量并碰到开始/结束时以及用户继续拉动内容时的“反弹”效果。我想禁用动量反弹和用户拉动反弹，同时保持速度滚动。我尝试了所有我能够在网上找到的解决方案：

• 在 config.xml 中添加 prefs - DisallowOverscroll、webviewbounce、UIWebViewBounce
• CSS 更改 - 父/子元素上的 overflow 组合
• JavaScript 技巧 - 在特定条件下捕获 touchstart 并调用 preventDefault，将 scrollTop 重置为 0，等等。
• 本地代码更改 - 将 bounces 设置为 no，迭代“SubViews”

这些都不起作用。一些 JS 解决方案“有点”起作用，但是存在很多问题（抖动、闪烁等）。

非常感谢您的任何想法！

- Mr. TA

---

你解决了这个问题吗？我也遇到了完全相同的问题。 - Nik Weiss

我曾经尝试使用JavaScript，并根据滚动位置是否在边缘来切换“-webkit-overflow-scroll”样式，但是它存在一些小问题。 - Mr. TA

这还是不可能的吗？ - significance

Answer 1

在你的config.xml中尝试这个

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

- Abhijeet