최신 웹 개발 튜토리얼
 

HTML DOM scrollHeight Propery

<요소 개체

패딩을 포함하는 요소의 전체 높이와 너비를 가져 오기 :

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

scrollHeight 속성은 전체 패딩을 포함 픽셀의 요소의 높이가 아니라 테두리, 스크롤 또는 마진을 돌려줍니다.

팁 : 사용 scrollWidth의 요소의 전체 너비를 반환하는 속성을.

scrollWidth와 scrollHeight 특성은 볼 수 없습니다 높이와 폭을 포함하는 요소의 전체 높이와 폭을 반환 (because of overflow) .

팁 : 요소에 스크롤바를 추가하려면 CSS를 사용하여 오버 플로우 속성을.

이 속성은 읽기 전용입니다.


브라우저 지원

재산
scrollHeight 4.0 8.0 3.0 4.0

통사론

element .scrollHeight

기술적 세부 사항

반환 값 : 전체 높이를 나타내는 숫자 (vertically) 화소의 요소를,

예

더 예

사용 패딩, 테두리, 스크롤 및 여백에 표시 방법이 영향을 scrollWidth와 scrollHeight 특성 :

var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
»그것을 자신을 시도

scrollHeight 및 scrollWidth 반환 된 값의 높이와 폭을 설정 한 다음 요소의 scrollHeight 및 scrollWidth를 돌아 :

var elmnt = document.getElementById("content");

function getFunction() {
    var x = elmnt.scrollWidth;
    var y = elmnt.scrollHeight;
}

function setFunction() {
    elmnt.style.height = y.scrollHeight + "px";
    elmnt.style.width = y.scrollWidth + "px";
}
»그것을 자신을 시도

<요소 개체