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

我正在使用的过程应该使“返回顶部”按钮不会出现。除了第一次加载页面时按钮存在外，它可以正常工作。当你向下滚动时，它就会消失。当您再次滚动回顶部时，它不会出现。换句话说，当您加载页面时，按钮会出现，但在此之后，它会正常工作

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

$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>500）{
$（“#向上按钮：隐藏”）.stop（true，true.fadeIn（）；
}否则{
$（“#向上按钮”）.stop（true，true）.fadeOut（）；
}
});
回到顶端

您需要确保在最初加载页面时隐藏按钮/链接。它是首选做它与CSS

#upButton{
 display:none;
}

或者，如果你想使用javascript，你可以这样做（我把它放在

文档中。ready

强调它需要在文档加载后完成）

---

当页面加载时，默认情况下你是否隐藏了按钮？否。我该如何写出来？它在chrome中工作，但在firefox中仍然显示。你在做什么？CSS还是JS？我相信JS。不过我有一个.CSS文件。如果你复制了我答案的JS版本，就会有一些打字错误。我更新了我的答案并修正了它们。这可能是一个愚蠢的问题，但我应该把代码放在哪里呢？它只是在一个脚本标签中吗？

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