Cordova / Phonegap：仅对页眉和页脚禁用退回

Question

我在config.xml内使用此属性来禁止webview（iOS）的弹跳：

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

这可以按预期工作。但是如果我只想禁用我的页眉和页脚的弹跳呢？它们固定在我的应用程序的顶部和底部，因此我不希望它们反弹。但是当内部容器仍然具有这种反弹效果时，它更像是一种原生的感觉（特别是对于列表）。

• 有没有办法实现这个目标？我的标题和页脚不应该反弹，但我的内部容器应该反弹。
• 还有iOS / Android交叉兼容方式吗？

Answer 1

继续使用

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

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

-webkit-overflow-scrolling: touch;

它会给可滚动内容带来这种有弹性的效果。

溢出：隐藏在页眉和页脚上以避免用户滚动它并溢出：滚动内容加上css webkit滚动触摸。

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

注意：您应该在移动设备上测试它（它不会在计算机上呈现）

Answer 2

您可以将这些CSS规则添加到列表或可滚动元素

  overflow: scroll;
  -webkit-overflow-scrolling: touch;

-webkit-overflow-scrolling：touch; 会为滚动区域（原生外观）提供反弹效果