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

$(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时才显示出来。

来源

2015-07-10 Dreams

这是最难我曾经见过的问题 – madalinivascu

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

$(document).ready(function() { 

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

    // your code here

或使用CSS

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

来源

2015-07-10 07:04:28

<style> 
.back-to-top{ 
    display:none; 
} 
</style>

来源

2015-07-10 07:06:36

请注意，Stack Overflow不鼓励使用仅用于代码的答案。请解释_为什么一段代码可以回答这个问题。许多你的答案都会遇到这个问题，所以如果你能回到你的问题并改进它们，那会很感激。 – halfer

在你的CSS添加此：

.back-to-top {opacity:0;}

来源

2015-07-10 07:06:56 madalinivascu

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

回答

相关问题