jQuery scrollTop() 메서드
예시
<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()를 사용하여 링크에 부드러운 스크롤을 추가합니다.