获取/设置浏览器scrollTop，兼容低版本ie及各主流浏览器

最新推荐文章于 2023-04-19 09:39:05 发布

Beamon__

最新推荐文章于 2023-04-19 09:39:05 发布

阅读量2.7k

点赞数 2

分类专栏：原生js 文章标签： scrollTop 浏览器原生 ie 兼容

原生js 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种兼容多种浏览器（包括低版本IE）的JavaScript方法，用于获取和设置页面的滚动条位置。通过简单实用的代码实现，确保了跨浏览器的一致性体验。

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

考虑到兼容各个浏览器，以及兼容低版本ie，经过自己测试，提出以下方法封装，仅供参考：

<script>
    /**
    * @method getScrollTop 获取scrollTop
    */
    function getScrollTop() {
        var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
        return scrollTop;
    }
    /**
    * @method setScrollTop 设置scrollTop
    * @param {number} scroll_top 设置的scrollTop值 
    */
    function setScrollTop(scroll_top) {
        document.documentElement.scrollTop = scroll_top;
        /**
        * window.pageYOffset = scroll_top;
        * ts使用时会报错：Cannot assign to 'pageYOffset' because it is a constant or a read-only property.
        * 在ts中使用时可注释掉
        */ 
        window.pageYOffset = scroll_top;     
        document.body.scrollTop = scroll_top;
    }
</script>

参考链接：

https://blog.youkuaiyun.com/minedayu/article/details/39208121