刷新頁面時如何不顯示返回頂部按鈕？

$(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

刷新頁面時如何不顯示返回頂部按鈕？

回答

相關問題