android - Android溢出滚动错误？事件在滚动时不跟随元素

Question

我在一个 Android 网站上工作，似乎无法让溢出滚动在我的平板电脑上正常工作。

在我的设备上，这些项目会像您期望的那样在视觉上滚动。但是，当您按下滚动项目时，如果没有发生滚动，它会返回本应位于该位置的项目。在下面的示例中，如果您滚动到最底部并按下Link 8，它将返回Link 4。

我正在使用普通浏览器（“Internet”版本 4.0.4-UELPL）在三星 Galaxy Tab（10.1"）上运行 Android 4.0.4。

这是我的测试用例：http: //jsfiddle.net/davishmcclurg/EhJrS/

HTML：

<ul>
    <li>Link 1</li>
    <li>Link 2</li>
    <li>Link 3</li>
    <li>Link 4</li>
    <li>Link 5</li>
    <li>Link 6</li>
    <li>Link 7</li>
    <li>Link 8</li>
</ul>

CSS：

html, body {
    height: 100%;
    margin: 0;
}

ul {
    height: 100%;
    overflow: auto;
    margin: 0;
}

ul li {
    height: 25%;
}

JS：

var els = document.getElementsByTagName("li");
for (var i = 0; i < els.length; i += 1) {
    els[i].onclick = function () { alert(this.innerHTML); };
}