页面滚动判断是否到底部的三个函数

页面滚动判断是否到底部的三个函数:

三个函数(带兼容性的写法):

//获取滚动条当前的位置

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