Блог

Процесс, который я использую, должен сделать так, чтобы кнопка «вернуться к началу» не появлялась. Это работает, за исключением того, что при первой загрузке страницы кнопка существует. Как только вы прокручиваете страницу вниз, она исчезает. При повторной прокрутке назад к началу она не появляется. Другими словами, кнопка появляется при загрузке страницы, но после этого она работает правильно.

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

Вам нужно убедиться, что вы скрываете кнопку / ссылку при начальной загрузке страниц. Предпочтительнее делать это с помощью CSS…

 #upButton{
 display:none;
}
  

Или, если вы хотите сделать это с помощью javascript, вы можете сделать (я вставил это в a document.ready , чтобы подчеркнуть, что это нужно будет сделать после загрузки документа)…

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