English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
scrollLeft() 메서드는 선택된 요소의 수평 스크롤 바 위치를 가져오거나 설정합니다。
scrollLeft() 메서드를 사용할 때가져옵니다위치를 가져올 때, 그것은첫 번째 선택된 요소의 스크롤 바의 수평 위치를 가져옵니다。
scrollLeft() 메서드를 사용할 때설정위치를 설정할 때, 그것은모든 선택된 요소스크롤 바의 수평 위치를 설정합니다。
수평 스크롤 바 위치를 가져옵니다：
$(selector).scrollLeft()
수평 스크롤 바 위치를 설정합니다：
$(selector).scrollLeft(value)
DIV의 scrollLeft를 가져옵니다：
$("div").scroll(function(){
$(this).scrollLeft();
});시험해보세요‹/›DIV의 scrollLeft를 설정합니다：
$("button").click(function(){
$("div").scrollLeft(150);
});시험해보세요‹/›문서의 scrollLeft을 설정하려면:
$("button").click(function(){
$(document).scrollLeft(300);
});시험해보세요‹/›사용자가 페이지를 스크롤할 때 부드러운 스크롤을 추가하려면:
let size = $(".main").outerWidth(); // ".main"의 너비를 가져오기
$(window).keydown(function(event) {
if(event.which === 39) { // 오른쪽 방향키를 누를 때
$("html, body").animate({scrollLeft: "+=" + size}, 250);
} else if(event.which === 37) { // 왼쪽 방향키를 누를 때
$("html, body").animate({scrollLeft: "-=" + size}, 250);
}
});시험해보세요‹/›| 파라미터 | 설명 |
|---|---|
| value | 스크롤바를 새 위치로 설정할 새로운 정수 |