English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
scrollTop() 메서드는 선택된 요소의 수직 스크롤 바 위치를 가져오거나 설정합니다。
scrollTop() 메서드를 사용할 때가져옵니다위치를 반환합니다.첫 번째 선택된 요소의 스크롤 바의 수직 위치를 반환합니다。
scrollTop() 메서드를 사용할 때설정위치를 설정할 때, 그것은모든 선택된 요소스크롤 바의 수직 위치를 설정합니다。
垂直 스크롤 바 위치를 가져옵니다：
$(selector).scrollTop()
垂直 스크롤 바 위치를 설정합니다：
$(selector).scrollTop(value)
DIV의 scrollTop을 가져옵니다：
$("div").scroll(function(){
$(this).scrollTop();
});테스트를 보세요‹/›DIV의 scrollTop을 설정합니다：
$("button").click(function(){
$("div").scrollTop(150);
});테스트를 보세요‹/›문서의 scrollTop을 설정:
$("button").click(function(){
$("document").scrollTop(400);
});테스트를 보세요‹/›사용자가 페이지를 스크롤할 때 부드러운 스크롤 추가:
let size = $(".main").height(); // ".main" 높이 가져오기
$("window").keydown(function(event) {
if(event.which === 40) { // 아래쪽 방향키가 눌러지면
$("html, body").animate({scrollTop: "+=" + size}, 300);
} else if(event.which === 38) { // 위쪽 방향키가 눌러지면
$("html, body").animate({scrollTop: "-=" + size}, 300);
}
});테스트를 보세요‹/›| 매개변수 | 설명 |
|---|---|
| value | 스크롤바를 새 위치로 설정할 새로운 정수 |