jQuery CSS 작업 - scrollLeft() 메서드

jQuery CSS 작업 참조 매뉴얼

예제

<div> 요소 내 스크롤 바의 수평 옆차순을 설정합니다：

$(".btn1").click(function(){
  $("div").scrollLeft(100);
});

본인이 직접 시도해 보세요

정의와 사용법

scrollLeft() 메서드는 일치하는 요소의 스크롤 바의 수평 위치를 반환하거나 설정합니다.

스크롤 바의 수평 위치는 그 왼쪽에서 스크롤된 픽셀 수를 의미합니다. 스크롤 바가 가장 왼쪽에 있을 때, 위치는 0입니다.

수평 스크롤 바 위치 반환

첫 번째 일치하는 요소의 수평 스크롤 바 위치를 반환합니다.

문법

$(선택자).scrollLeft()

본인이 직접 시도해 보세요

수평 스크롤 바 위치 설정

모든 일치하는 요소의 수평 스크롤 바 위치를 설정합니다.

문법

$(선택자).scrollLeft(position)
파라미터 설명
position 선택 사항입니다. 픽셀 단위의 새 위치를 정의합니다.

본인이 직접 시도해 보세요

jQuery CSS 작업 참조 매뉴얼