ページが一番下までスクロールしたかどうかを判断する 3 つの関数

ページが一番下までスクロールしたかどうかを判断する 3 つの関数:

3 つの関数 (互換性を考慮して記述):

//スクロールバーの現在位置を取得

function getScrollTop() {

    var scrollTop = 0;

    if(document.documentElement && document.documentElement.scrollTop) {

        scrollTop = document.documentElement.scrollTop;

    } else if(document.body) {

        scrollTop = document.body.scrollTop;

    }

    return scrollTop;

  }

// 現在の可視範囲の高さを取得します

function getClientHeight() {

    var clientHeight = 0;

    if(document.body.clientHeight && document.documentElement.clientHeight) {

        clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);

    } else {

        clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);

    }

    return clientHeight;

}

// ドキュメントの完全な高さを取得します

function getScrollHeight() {

    return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);

}

使用法:

最初のインポート:

 関数の呼び出し:

 

 

おすすめ

転載: blog.csdn.net/jolinoy/article/details/127850279