HTML DOM scrollLeft 속성

HTML DOM Element 객체

scrollLeft속성은 요소 내용을 왼쪽으로 스크롤(수평 방향)된 픽셀 수를 설정하거나 반환할 수 있습니다。

주의：요소의direction(방향)는rtl（왼쪽에서 오른쪽으로），스크롤바가 가장 오른쪽 위치에 있을 때(스크롤 내용의 시작 부분에서), scrollLeft는0뒤로 스크롤할 때, scrollLeft 점점 음수가 됩니다.

사용scrollTop속성은 요소 내용(수직)이 최상단으로 스크롤된 픽셀 수를 설정하거나 반환할 수 있습니다。

문법：

scrollLeft 속성 반환：

element.scrollLeft

scrollLeft 속성 설정：

element.scrollLeft = pixels

var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;

브라우저 호환성

모든 브라우저는 scrollLeft 속성을 완전히 지원합니다：

속성 값

기술 세부 사항

더 많은 예제

DIV의 내용을 수평으로 스크롤20픽셀:

document.getElementById('container').scrollLeft　+=　20;

BODY의 내용을 수평으로 스크롤100픽셀:

var body = document.body;//　Safari에 대해서
var html = document.documentElement;　//　Chrome, Firefox, IE 및 Opera
　　　
body.scrollLeft　+=　100;
html.scrollLeft　+=　100;

관련 참조

HTML DOM 참조:scrollTop 속성

HTML DOM Element 객체