在 Android 上使用 webkit 溢出触摸滚动跳转到顶部答案

【问题标题】：Scroll jump to top with webkit overflow touch on Android在 Android 上使用 webkit 溢出触摸滚动跳转到顶部
【发布时间】：2012-07-26 12:02:33
【问题描述】：

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

这在 ios 上运行良好。

但在 Android 上，我有一个错误。在支持“-webkit-overflowscroll:touch;”功能的 Android 4.1 上进行测试时，滚动第一次效果很好，但是如果我在滚动后单击一个项目，滚动会向上跳，我可以滚动列表比列表大小更长（所以我可以向下滚动以使项目从屏幕上消失）就像卷轴被放大了一倍......

这是基本标记

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

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

我只滚动 .contain div 而不是正文（具有溢出隐藏属性）

有什么建议吗？谢谢

【问题讨论】：

iOS 和 Android 完全不同。 Android API 不支持某些功能。发布一些代码，它可以帮助我们了解您实际在做什么。
我也遇到了同样的问题。我认为这可能与页面转换有关，因为当我创建一个没有 JS 但具有相同 HTML 和 CSS 结构的静态页面时，我没有得到这种行为。

标签： android cordova scroll

【解决方案1】：

我遇到了同样的问题，在我的情况下，我更改了列表项的类以显示向下状态。当我删除执行此操作的代码时，列表选择工作正常。

【讨论】：