网站建设 郑州网站建设 网站制作 网页设计 网站设计 郑州建网站 - 爱易在线

网站地图 | 网站Tags标签 | RSS订阅 | 加入收藏
您的位置:网站首页 > 博客笔记 > 技术交流 > 正文 技术交流相关信息

js原生实现平滑滚动到顶部

作者:郑州网站建设 2022/12/6 10:43:31 点击: 来源:
document.addEventListener("scroll", function () {
    let s = document.body.scrollTop || document.documentElement.scrollTop;    
    let backtop = document.querySelector(".backtop");
    if (s > 500) {
        backtop?.classList.add("active");
        backtop?.addEventListener("click", function () {
            document.querySelector("body")?.scrollIntoView({
                behavior: "smooth",
            });
        });
    } else {
        backtop?.classList.remove("active");
    }
});


Tag:
分享到:

上一篇:Asp vbscript 通过CDO.Message发送邮件

下一篇:没有资料

技术交流推荐阅读

用户评论

最新博文

热门排行

推荐信息

关于爱之易| 付款方式| 联系我们| 网站地图| 网站Tags标签 | RSS订阅