返回顶部JS

CSS

#back-to-top{
    position: fixed;
    bottom:20px;
    right: 20px;
}

JS

返回顶部JS
var backBtn=$("#back-to-top");
function backToTop() {
    $("html,body").animate({
        scrollTop: 0
    }, 800);
}
backBtn.on("click", backToTop);

// 当滚动条的垂直位置大于浏览器所能看到的页面的那部分的高度时,回到顶部按钮就显示
$(window).on("scroll", function () {
    if ($(window).scrollTop() > $(window).height())
        backBtn.fadeIn();
    else
        backBtn.fadeOut();
});

// 触发滚动事件,避免刷新的时候显示回到顶部按钮
$(window).trigger("scroll");
返回顶部JS

返回顶部JS

上一篇:webstorm 永久激活


下一篇:PhpStorm 2018最新汉化包 解决”设置”不可用问题【转】