禁用 Phonegap 中 DIV 的弹跳/橡皮筋效果

Posted 2023-03-14

【中文标题】禁用 Phonegap 中 DIV 的弹跳/橡皮筋效果

【英文标题】：disable bounce / rubber band effect on DIVs in Phonegap

【发布时间】：2013-01-14 18:00:20

【问题描述】：

我正在创建一个 Phonegap 应用程序，并有一个固定高度的 div，我想在触摸时水平滚动。为此，我添加了一个：

-webkit-overflow-scrolling:touch;

CSS 规则。它工作得很好，但是当我到达这个 div 的顶部和底部时，我想禁用反弹效果。弹跳效果会导致应用中出现一些不愉快的用户体验。

我确实有 Phonegap 选项

UIWebViewBounce

设置为 NO，但这似乎不会影响此 div。

有可能实现吗？

【问题讨论】：

UIWebViewBounce 仅适用于我相信的整个页面，我已将其设置为 NO 以消除能够向上/向下拖动的讨厌效果，例如一个导航栏并获得反弹。这可能有帮助吗？ ***.com/questions/10761746/…

【参考方案1】：

只需在您的config.xml 中修改以下首选项：

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