屏幕滚动事件兼容性

最新推荐文章于 2024-09-11 11:07:15 发布

kumayato

最新推荐文章于 2024-09-11 11:07:15 发布

阅读量393

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/kumayato/article/details/72598423

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种跨浏览器兼容的方法来获取页面的滚动位置，包括顶部和左侧的偏移量。该方法通过判断不同的浏览器类型并采用相应的属性来实现统一的滚动位置获取。

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

function scroll() {
        if (window.pageYOffset != null)  //  ie9+ 和其他浏览器
        {
            return {
                left: window.pageXOffset,
                top: window.pageYOffset
            }
        }
        else if (document.compatMode == "CSS1Compat")  // 声明的了 DTD
        // 检测是不是怪异模式的浏览器 -- 就是没有 声明<!DOCTYPE html>
        {
            return {
                left: document.documentElement.scrollLeft,
                top: document.documentElement.scrollTop
            }
        }
        return { //  剩下的肯定是怪异模式的
            left: document.body.scrollLeft,
            top: document.body.scrollTop
        }
    };