最新推荐文章于 2024-02-02 11:56:07 发布

原创最新推荐文章于 2024-02-02 11:56:07 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了使用JavaScript实现页面滚动监听及平滑返回顶部的功能。通过$(window).scroll()监听滚动事件，当页面滚动超过100px时，显示底部元素；点击返回顶部按钮时，页面将平滑滚动至顶部。

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

function backToTop() {
    $('html,body').animate({scrollTop: 0}, 800);
}

function show() {
        $(window).scroll(function () {
            if ($(window).scrollTop() > 100) {
                $(".designer__bottom").fadeIn(100);
            } else {
                $(".designer__bottom").fadeOut(100);
            }
        });
}
show();