封装scrolltop 兼容

最新推荐文章于 2021-10-29 11:46:56 发布

鲁_byg

最新推荐文章于 2021-10-29 11:46:56 发布

阅读量309

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/qq_34102108/article/details/50927580

javascript 专栏收录该内容

25 篇文章

订阅专栏

本文深入探讨了JavaScript在前端开发中的核心技术和实际应用案例，涵盖了HTML、CSS、JavaScript、TypeScript等关键技术，以及Vue、React、Angular等流行框架的使用。

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

function scroll() {  // 开始封装自己的scrollTop
    if(window.pageYOffset != null) {  // ie9+ 高版本浏览器
        // 因为 window.pageYOffset 默认的是  0  所以这里需要判断
        return {
            left: window.pageXOffset,
            top: window.pageYOffset
        }
    }
    else if(document.compatMode === "CSS1Compat") {    // 标准浏览器   来判断有没有声明DTD
        return {
            left: document.documentElement.scrollLeft,
            top: document.documentElement.scrollTop
        }
    }
    return {   // 未声明 DTD
        left: document.body.scrollLeft,
        top: document.body.scrollTop
    }
}