1

Android サイトで作業していますが、タブレットでオーバーフロー スクロールが正しく動作しないようです。

私のデバイスでは、期待どおりに項目が視覚的にスクロールします。ただし、スクロールされたアイテムを押すと、スクロールが発生しなかった場合にその位置にあったアイテムが返されます。下の例では、一番下までスクロールして を押すとLink 8、 に戻りLink 4ます。

ストックブラウザ（「インターネット」バージョン4.0.4-UELPL）を使用して、Samsung 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); };
}
4

0 に答える 0