DOM之获取滚动条位置

最新推荐文章于 2024-10-26 19:09:56 发布

PassionNeverCuts

最新推荐文章于 2024-10-26 19:09:56 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVASCRIPT 文章标签： javascript dom 浏览器

本文链接：https://blog.youkuaiyun.com/PassionNeverCuts/article/details/77987149

JAVASCRIPT 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种通过JavaScript获取网页滚动条位置的方法。提供了兼容不同浏览器的解决方案，包括使用pageXOffset/pageYOffset以及scrollLeft/scrollTop属性。

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

在DOM中可以通过两种方式获取滚动条的位置，通过pageXOffset,pageYOffset,或者scrollLeft，scrollTop

直接上代码，如下：

function getScrollOffsets(w) {
            //指定窗口，如果不指定则默认当前窗口
            w = w || window;

            //除了IE8 及更早的版本以外，其他浏览器都能用
            if(w.pageXOffset!=null)
            {
                return { x: w.pageXOffset, y: w.pageYOffset };
            }

            //对标准模式下的IE（或任何浏览器）
            var d = w.document;           //document.compatMode用于判断浏览器渲染方式，CSS1Compat代表标准兼容模式，此时可以

//使用scrollLeft,scrollTop来获取滚动条位置 if (document.compatMode == "CSS1Compat") return { x: d.documentElement.scrollLeft, y: d.documentElement.scrollTop }; //对于怪异模式下的浏览器 return { x: d.body.scrollLeft, y: d.body.scrollTop }; }