2012-05-05 3 views
7

페이지에 버튼이 있으며 클릭 할 때 페이지가 0 위치로 스크롤되기를 원합니다.jQuery에서 버튼을 클릭 할 때 맨 위로 스크롤하는 방법

HTML

<button id="button">Back to top </button> 

JQuery와

$(document).scroll(function(){ 

     var scroll_pos = $(window).scrollTop() 
    if(scroll_pos > 10){ 

     $('#button').click(function(){ 

     // what code to enter here?? 


     }); 

    } 
    }); 

감사합니다.

답변

12

이 코드를보십시오 :

$("#button").on("click", function() { 
    $("body").scrollTop(0); 
}); 

방법 on 버튼에 click 이벤트를 결합하여 scrollTop 스크롤하여 body 0에 위치. 당신이 버튼 위치의 상단이 페이지 스크롤을 클릭하면

+3

이 경우 스크롤 할 때 jQuery를 사용할 필요가 없습니다. 'window.scroll (0, 0)'은 모든 브라우저에서 정상적으로 작동합니다. MDN 문서 (https://developer.mozilla.org/en/Window.scroll)를 참조하십시오. –

+0

감사의 말 ... 정확히 내가 무엇을 찾고 있었는지. :) –

+1

음, 얘들 아. 실제로 JavaScript를 전혀 사용할 필요가 없습니다. HTML 앵커는 같은 것을 만들 수 있습니다 :) @ Ronny, 당신은 환영합니다! – VisioN

6

당신은 scrollTop JQuery와

$("#button").click(function() { 
    $(window).scrollTop(0); 
}); 

에 대한 윈도우 기능을 사용할 수 있습니다.

관련 문제