页面加载时出现向上滚动按钮

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();
});