javascript - iPhoneサファリのJavaScriptでビューポートの位置を取得する

Question

iPhoneのサファリで要素がスクロールしないようにしようとしています。ここに記載されている解決策を試しました: iPhone Safari: html コンテナー内のリストをスクロールする しかし、私のリストは大きく、スムーズに動作しません。

私が念頭に置いているのは、 onscroll イベントを検出して要素を再配置することです。そのため、ビューポートの境界にあります。

しかし、ビューポートの座標を検出する方法が見つかりません。誰でもこれを手伝ってもらえますか？

ありがとう。

Answer 1

iScrollを見てください。期待どおりの結果が得られない場合は、実装を参照用に使用できます。event.preventDefault()両方を 行いevent.stopPropagation()、モバイルサファリがタッチイベントに応答しないようにするための秘訣だと思います。

iScroll が誕生したのは、モバイル Webkit (iPhone、iPod、Android、および Pre) が、固定幅/高さの要素内でコンテンツをスクロールするネイティブな方法を提供していないためです。この不幸な状況により、Web アプリは position:absolute ヘッダーおよび/またはフッター、およびコンテンツのスクロールする中央領域を持つことができなくなります。

Answer 2

document.addEventListener(
    'touchmove',
    function touchMove(event) {
        event.preventDefault()
    },
    false
);

Answer 3

var viewport_x = window.pageXOffset;
var viewport_y = window.pageYOffset;