scrollTop滚动的高度距离

最新推荐文章于 2023-06-24 07:31:05 发布

Julie薇薇

最新推荐文章于 2023-06-24 07:31:05 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/verwei/article/details/89520310

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个用于获取网页滚动位置的JavaScript函数，包括顶部距离、左侧距离、宽度和高度。同时展示了如何使用此函数监听滚动事件并输出当前滚动位置，以及jQuery实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function ScollPostion() {
    var t, l, w, h;
    if (document.documentElement && document.documentElement.scrollTop) {
        t = document.documentElement.scrollTop;
        // l = document.documentElement.scrollLeft;
        // w = document.documentElement.scrollWidth;
        // h = document.documentElement.scrollHeight;
    } else if (document.body) {
        t = document.body.scrollTop;
        l = document.body.scrollLeft;
        w = document.body.scrollWidth;
        h = document.body.scrollHeight;
    }
    return {
        top: t,
        left: l,
        width: w,
        height: h
    };
};
window.onscroll = function () {
    console.log(ScollPostion());
}

offsetTop : 距离顶部距离
jquery写法 offset().top