不食盐

不食盐

阅读:211

最后更新:2022/04/19/ 9:08:38

js获取滚动高度,显示返回顶部按钮

好久没有这个需求了,有个网站需要这个功能,特地上网找了一圈,csdn上一大堆的,但使用中发现都报错,不想去研究了,直接来现成的.

//获取滚动条的位置

    function getScrollTop() {

        var scrollPos;

        if (window.pageYOffset) {

            scrollPos = window.pageYOffset;

        } else if (document.compatMode && document.compatMode != 'BackCompat') {

            scrollPos = document.documentElement.scrollTop;

        } else if (document.body) {

            scrollPos = document.body.scrollTop;

        }

        return scrollPos;

    }

   //监听滚动条
//这个地方修改你的选择器名称
    var totop = document.querySelector(".top")

    window.onscroll = function() {

        if (getScrollTop() > 500) {

            totop.style.display = "block"

        } else {

            totop.style.display = "none"

        }

    }

版权申明

本文系作者 @不食盐 原创发布在走小路的博客站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 0
文章被阅读 211

相关文章

目录树