頁面加載時出現向上滾動按鈕

Question

我正在使用的過程應該可以完成，因此不會出現“返回頁首”按鈕。 它起作用，除了您第一次加載頁面時，該按鈕存在。 向下滾動第二秒，它消失了。 當您再次滾動回到頂部時，它不會出現。 換句話說，該按鈕在您加載頁面時出現，但是此后它可以正常工作。

$(window).scroll(function() {
 if ($(this).scrollTop() > 500){
  $('#upButton:hidden').stop(true, true).fadeIn();
 } else {
  $('#upButton').stop(true, true).fadeOut();
 }
});
<div class="top" >
  <a href="#up" id="upButton" onclick="$('html,body').animate({scrollTop:
   $('#up').offset().top - 500}, 200);"> back to top<a/>
</div>

Answer 1

您需要確保在加載初始頁面時隱藏按鈕/鏈接。 最好用CSS來做...

#upButton{
 display:none;
}

或者，如果您想使用javascript，可以這樣做（我將其放在document.ready以強調在文檔加載后需要完成此操作）...

$(document).ready(function(){
  $("#upButton").hide();
});