在Android上使用webkit溢出触摸滚动到顶部

时间:2012-07-26 12:02:33

标签: android cordova scroll

我正在使用phonegap和html为ios和android制作应用程序。 在我的布局中,我有一个带有溢出内容的列表的div。 为了能够滚动它,我使用-webkit-overflowscroll:touch;并推翻了不支持此功能的设备的js polyfill。

这项工作非常适合ios。

但在Android上,我有一个错误。 在Android 4.1上测试时支持“-webkit-overflowscroll:touch;”功能, 滚动工作第一次很好,但如果我滚动后单击一个项目,滚动跳起来,我可以滚动列表长于列表大小(所以我可以向下滚动它以获取从屏幕消失的项目) 就像那样,卷轴是双倍大小......

这是基本标记

<div class='page'>
   <div class="contain">
       <ul><li><a></a></li></ul>
   </div>
</div>

我的列表由ajax加载动态填充我应用于.contain css“overflow-y:auto; -webkit-overflow:touch;”

我只滚动.contain div而不是主体(具有溢出隐藏属性)

有什么建议吗? 感谢

1 个答案:

答案 0 :(得分:0)

我有同样的问题,在我的情况下,我已经更改了列表项的类以显示关闭状态。当我删除代码时,列表选择工作正常。