HTML DOM scrollTop 속성

HTML DOM Element 객체

scrollTop 속성속성 설정 또는 반환은 요소 내용이 세로로 롤링된 픽셀 수입니다。

요소의 scrollTop 값은 요소의 상단에서 가장 상단에 보이는 내용까지의 거리를 측정합니다. 요소의 내용이 세로 스크롤 바가 없을 때, scrollTop 값은 0입니다.

사용scrollLeft속성 설정 또는 반환은 요소 내용이 왼쪽(수평)으로 롤링된 픽셀 수입니다。

문법：

scrollTop 속성 반환：

element.scrollTop

scrollTop 속성 설정：

element.scrollTop = pixels

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

브라우저 호환성

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

속성 값

기술 세부 사항

더 많은 예제

DIV의 내용을 세로 스크롤합니다50px:

document.getElementById('container').scrollTop　+=　50;

BODY의 내용을 세로 스크롤합니다100픽셀:

var body = document.body;//　Safari를 위해
var html = document.documentElement;　//　Chrome, Firefox, IE 및 Opera
　　　
body.scrollTop　+=　100;
html.scrollTop　+=　100;

관련 참조

HTML DOM 참조:scrollLeft 속성

HTML DOM Element 객체