jQuery scrollTop() 메서드

❮ jQuery HTML/CSS 메소드

예시

<div> 요소의 수직 스크롤바 위치를 반환합니다.

$("button").click(function(){
  alert($("div").scrollTop());
});

정의 및 사용

scrollTop() 메서드는 선택한 요소의 세로 스크롤 막대 위치를 설정하거나 반환합니다.

팁: 스크롤바가 맨 위에 있을 때 위치는 0입니다.

위치를 반환하는 데 사용되는 경우:
이 메서드는 첫 번째 일치 요소에 대한 스크롤 막대의 세로 위치를 반환합니다.

위치를 설정하는 데 사용되는 경우:
이 메서드는 일치하는 모든 요소에 대해 스크롤 막대의 수직 위치를 설정합니다.


통사론

수직 스크롤바 위치 반환:

$(selector).scrollTop()

수직 스크롤바 위치 설정:

$(selector).scrollTop(position)

Parameter Description
position Specifies the vertical scrollbar position in pixels

직접 해보십시오 - 예


설정 요소의 세로 스크롤 막대 위치를 설정하는 방법입니다.


의 클래스 사이를 토글하는 방법입니다.


에 부드러운 스크롤 추가 scrollTop()과 함께 animate()를 사용하여 링크에 부드러운 스크롤을 추가합니다.


❮ jQuery HTML/CSS 메소드