javascript - ページの最大スクロール位置を見つける

Question

画面に 2 倍収まるように、ページの本体の高さを 200% にしました。JavaScriptを使用して、スクロールすると上または下にスクロールし続けるようにしています。このためには、ブラウザーまたは画面サイズに関係なく、ページのスクロールが最も低いポイントを見つけて、そこに到達したときに停止するようにする必要があります。

JQueryはありません。
ありがとうございました。

私のコード：（まだまとめられているので、少し作業が必要です）

function getScrollXY() {
    var x = 0, y = 0;
    if( typeof( window.pageYOffset ) == 'number' ) {
        // Netscape
        x = window.pageXOffset;
        y = window.pageYOffset;
    } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
        // DOM
        x = document.body.scrollLeft;
        y = document.body.scrollTop;
    } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
        // IE6 standards compliant mode
        x = document.documentElement.scrollLeft;
        y = document.documentElement.scrollTop;
    }
    return [x, y];
}

function scrollup() {
    if (xy[1] > 0) {
        window.scrollBy(0,-100);
        setTimeout(scrollup,200);
    } else {
        null;
    }
}

function scrolldown() {
    if (xy[1] < ) {
        window.scrollBy(0,100);
        setTimeout(scrolldown,200);
    } else {
        null;
    }
}

function dothescroll() {
    var xy = getScrollXY();
    var y = xy[1];
    setTimeout(function(){
        if (xy[1] > y) {
            scrollup();
        } else {
            scrolldown();
        }
    },200);
}

Answer 1

これは、クロス ブラウザー互換バージョンです。

var limit = Math.max( document.body.scrollHeight, document.body.offsetHeight, 
                   document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight );

Answer 2

これは仕様の一部ではありませんが、試すことができますwindow.scrollMaxY。

ドキュメントを垂直方向にスクロールできる最大ピクセル数を返します。 https://developer.mozilla.org/docs/Web/API/Window/scrollMaxY

---

利用できない場合のフォールバック:

var scrollMaxY = window.scrollMaxY || (document.documentElement.scrollHeight - document.documentElement.clientHeight)

documentElement常にスクロール要素であるとは限りません (一部のブラウザーでは代わりに使用されbodyます)。解決策は、ドキュメントをスクロールする Element への参照を返す新しいscrollingElementプロパティです。指定されていますが、まだ作業草案です。

Answer 3

window.scrollTo(0, document.body.scrollHeight);

これは動作します..