javascript - 如何在刷新页面时不显示返回顶部按钮？

Question

$(document).ready(function() {
    $(window).scroll(function() {
        if ($(this).scrollTop() > 150) {
            $('.back-to-top').fadeIn(500);
        } else {
            $('.back-to-top').fadeOut(500);
        }
    });
    $('.back-to-top').click(function(event) {
        event.preventDefault();
        $('html, body').animate({scrollTop: 0}, 500);
    })
});

上面是我的返回顶部按钮的 javascript 代码，我希望它只在我滚动页面时显示。

但是，我发现当我刷新页面时，这个按钮会在开始时显示，当滚动 < 150 时再次隐藏，当滚动 > 150 时再次显示。

我该怎么做才能在开始时隐藏它，并且只在滚动 > 150 时才显示？

Answer 1

使用下面的代码。页面加载按钮上的隐藏按钮将根据您的条件显示 150 >

$(document).ready(function() {

   $('.back-to-top').hide();

   // your code here 

或使用CSS

.back-to-top{
   display:none;
}