js常用代码，滚动条在Y轴上的滚动距离，文档的总高度，浏览器视口的高度

最新推荐文章于 2022-08-20 17:40:48 发布

伟大的python程序员

最新推荐文章于 2022-08-20 17:40:48 发布

阅读量385

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/zhuchuana/article/details/111171140

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

let _d = document;
let getScrollTop = () => {
    let bodyScrollTop = 0;
    let documentScrollTop = 0;
    if (_d.body) {
        bodyScrollTop = _d.body.scrollTop;
    }
    if (_d.documentElement) {
        documentScrollTop = _d.documentElement.scrollTop;
    }
    return (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
};

// 文档的总高度
let getScrollHeight = () => {
    let bodyScrollHeight = 0;
    let documentScrollHeight = 0;
    if (document.body) {
        bodyScrollHeight = document.body.scrollHeight;
    }
    if (document.documentElement) {
        documentScrollHeight = document.documentElement.scrollHeight;
    }
    return (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
};

// 浏览器视口的高度
let getWindowHeight = () => {
    var windowHeight = 0;
    if (document.compatMode === 'CSS1Compat') {
        windowHeight = document.documentElement.clientHeight;
    } else {
        windowHeight = document.body.clientHeight;
    }
    return windowHeight;
};