[JavaScript] js 스크롤 제어 상단 바로가기 .ScrollTop()

js 스크롤 제어 scrollTop()

스크롤을 맨 위로 옮겨야 할 때

scrollTop() 함수를 사용하여 window scroll을 제어한다

$('id').scrollTop(0);

레이어팝업이든 페이지든 접근시 맨 위로 올라오게 됨.

 

HTML에서 id값을 부여하여 영역을 설정한다. 

그 이후에 js에서 스크롤 제어 scroll Top 기능을 넣어준다.

 

이때 영역을 제대로 설정하는게 중요.

스크롤이 일어나는 부분만 영역으로 설정해야 scroll Top 기능이 정상적으로 작동한다.

 

 

window. scrollTop(0); 과 $('#아이디').scrollTop(0);의 차이

$(window).scrollTop(0);    // 해당 페이지에 가장 위 페이지로 이동
$('#아이디').scrollTop(0); // 레이어 팝업 등 스크롤 제어 해야할 부분에서 가장 위로 이동

 

 

 

---

 

사실 영역 잘못 잡아서 오류 만든거 바로 나야나....

 

내가 만든 오류: 레이어 팝업에서 스크롤탑 기능을 썼는데 동작하지 않음

원인 : 영역을 잘못 선택함

(레이어 팝업에서 스크롤이 작용하고 있는 부분에 동작을 시켰어야 함.

but 나는 레이어 팝업 전체를 가져와서 해당 기능을 수행시키려고 했음)

자바스크립트 js scroll top 스크롤 제어

표시된 부분이 스크롤 되고있는 영역임

다른분들께서는... 이런 어처구니 없는 실수 하지 않으시길...