jQuery - scrollTop 스크롤 상단 이동 / 스크롤 위치 정보 확인 방법

jQuery scrollTop 메서드를 이용하여 간단하게 스크롤 상단이동 기능을 구현할 수 있다.

아래와 같이 선택자에 지정한 후, scrollTop 메서드에 value 값을 지정하여 사용하면 된다.

 

scrollTop(value)

// 기본 설정
$('html').scrollTop(0);

 

animate를 이용하여, 스크롤 이동 속도를 조절 할 수 있다.

// 빠르게
$('html').animate({scrollTop : 0}, 100)


// 느리게
$('html').animate({scrollTop : 0}, 500)

 

 

scrollTop()

메서드만 선언할 경우는 현재 스크롤의 수직 위치 정보를 반환는다.