최신 웹 개발 튜토리얼
 

jQuery scrollTop() Method

<jQuery를 HTML / CSS 방법

A의 수직 스크롤 위치를 돌려줍니다 <div> 요소 :

$("button").click(function(){
    alert($("div").scrollTop());
});
»그것을 자신을 시도

정의 및 사용

scrollTop() 메소드 세트 또는 선택한 요소의 수직 스크롤 바의 위치를 반환합니다.

팁 : 스크롤 상단에있는 경우, 위치가 0입니다.

위치를 반환하는 데 사용하는 경우 :
이 방법은 첫 번째 일치 요소에 대한 스크롤 막대의 수직 위치를 반환합니다.

위치를 설정하는 데 사용하는 경우 :
이 방법은 모든 일치하는 요소의 스크롤 막대의 수직 위치를 설정합니다.


통사론

수직 스크롤 위치를 반환 :

$(selector).scrollTop()

수직 스크롤 위치를 설정합니다 :

$(selector).scrollTop( position )

매개 변수 기술
position 픽셀 단위로 수직 스크롤 위치를 지정합니다

그것을 자신을 시도 - 예를

수직 스크롤 위치를 설정
어떻게 요소의 수직 스크롤 위치를 설정합니다.

다른 스크롤 위치에 클래스를 전환
다른 스크롤 위치에 클래스 사이를 전환하는 방법.

페이지 앵커에 부드러운 스크롤 추가
사용 animate() 함께 scrollTop() 링크에 부드러운 스크롤을 추가 할 수 있습니다.


<jQuery를 HTML / CSS 방법