goto #top of page

Question

누군가가 탐색 버튼을 클릭 할 때마다 jquery가 페이지 상단으로 이동하려고합니다.

일부 단추를 클릭하면 이전 내용이 숨겨지고 새 내용이 표시되지만 브라우저 스크롤 위치가 다시 설정되지 않으므로 최종 사용자가 약간 혼란스러워합니다.

그래서이 문제를 해결하기 위해 window.location.hash JS 명령을 추가 할 생각 이었지만이 명령은 처음 실행될 때만 작동합니다.

내 코드

: 당신이 스크롤 위치를 조작하려면

 
$(document).ready(function(){ 
    $("#prac-btn").click(function() { 
     $('#myTab a[href="#prac-page"]').tab('show'); 
     window.location.hash = "#top"; 
    }); 
    $("#act-btn").click(function() { 
     $('#myTab a[href="#act-page"]').tab('show'); 
     window.location.hash = "#top"; 
    }); 
    $("#pro-btn").click(function() { 
     $('#myTab a[href="#pro-page"]').tab('show'); 
     window.location.hash = "#top"; 
    }); 
}); 

Answer 1

, 너무 직접 수행

window.scrollTo(0); 

Answer 2

당신은 scrollTop 싶지는 :

$(window).animate({scrollTop:0}); 

이 JQuery와있다 그것을하는 방법.