android - Cordova/Phonegap:仅对页眉和页脚禁用跳动

我在config.xml中使用此属性来禁止Webview(iOS)的反弹:

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

这按预期工作。但是，如果我只想对页眉和页脚禁用此弹跳怎么办？它们固定在我的应用程序的顶部和底部，因此我不希望它们弹跳。但是当内部容器仍然具有这种弹跳效果时，则更像是一种本机感觉(尤其是对于列表)。

有什么方法可以实现？我的页眉和页脚不应反弹，但内部容器应反弹。

还有iOS / Android交叉兼容方式吗？

最佳答案

继续使用

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

在CSS中的可滚动包装器上使用以下代码:

-webkit-overflow-scrolling: touch;

它将使这种弹性效果可滚动内容。

溢出:隐藏在您的页眉和页脚中，以避免用户对其进行滚动；溢出:滚动您的内容，以及CSS Webkit的滚动效果。

这是一个JSFiddle LIVE DEMO:
http://jsfiddle.net/mPfeQ/

注意:您应该在移动设备上对其进行测试(它不会在计算机上呈现)

关于android - Cordova/Phonegap:仅对页眉和页脚禁用跳动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23489492/