科尔多瓦/ PhoneGap的：禁用反弹仅页眉和页脚

Question

我使用​​3210这里面财产disabe web视图（IOS）的弹跳：

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

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

• 有什么办法来实现这一目标？我的标题和脚注不应该反弹，但我的内部容器应该弹起。
• ，并且也有在iOS/Android的跨兼容的方式？

Answer 1

简单喜添加这些CSS规则列出或scrolable elemet

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

-webkit-溢出滚动：触摸;会给反弹效果scrollling区（原生的样子）

Answer 2

只要继续使用

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

，并在你的CSS使用下面的代码在你的滚动包装：

-webkit-overflow-scrolling: touch; 

它会给这个可滚动内容的弹性效果。

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

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

注：你应该测试它在移动设备上（它不会在电脑上绘制）