클릭하면 맨 위로 가기 단추가 맨 위로 이동하지 않는 이유는 무엇입니까?

Question

// ===== Scroll to Top ==== 
     $(window).scroll(function() { 
      if ($(this).scrollTop() >= 50) { // If page is scrolled more than 50px 
       $('#return-to-top').fadeIn(200); // Fade in the arrow 
      } else { 
       $('#return-to-top').fadeOut(200); // Else fade out the arrow 
      } 
     }); 
     $('#return-to-top').click(function() { // When arrow is clicked 
      $('body,html').animate({ 
       scrollTop: 0 // Scroll to top of body 
      }, 500); 
     }); 

버튼을 클릭 할 때마다 맨 위로 이동하지 않습니다. 그것은 단지 아무 것도하지 않을 것입니다. 어떤 도움이라도 대단히 감사하겠습니다. 다음은 CSS입니다. http://pastebin.com/1SF4S6Vg

Answer 1

FIDDLE에서 다시 작성한 구문이 맞습니다. 귀하의 기능에 대해 .ready()이 누락되었습니다. 이 시도 : @Tomanow 대답 것처럼

$(function() { 
    $(window).scroll(function() { 
     if ($(this).scrollTop() >= 50) { // If page is scrolled more than 50px 
      $('#return-to-top').fadeIn(200); // Fade in the arrow 
     } else { 
      $('#return-to-top').fadeOut(200); // Else fade out the arrow 
     } 
    }); 
    $('#return-to-top').click(function() { // When arrow is clicked 
     $('body,html').animate({ 
      scrollTop: 0 // Scroll to top of body 
     }, 500); 
    }); 
}); 

Answer 2

을 $(function() {...}가 작동하게 사용. 그렇지 않은 경우이 함수를 호출 할 때 추가 #top 태그 (또는 다른 앵커)가 필요합니다.이 방법도 작동하지만 클릭하면 링크에 #top가 표시됩니다.