HTML DOM scrollWidth 속성
예시
패딩을 포함하여 요소의 전체 높이와 너비를 가져옵니다.
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
scrollWidth 속성은 패딩을 포함하여 요소의 전체 너비를 픽셀 단위로 반환하지만 테두리, 스크롤 막대 또는 여백은 반환하지 않습니다.
팁: scrollHeight 속성을 사용 하여 요소의 전체 높이를 반환합니다.
scrollWidth 및 scrollHeight 속성은 (오버플로로 인해) 볼 수 없는 높이와 너비를 포함하여 요소의 전체 높이와 너비를 반환합니다.
팁: 요소에 스크롤바를 추가하려면 CSS overflow 속성을 사용하십시오.
이 속성은 읽기 전용입니다.
브라우저 지원
| Property | |||||
|---|---|---|---|---|---|
| scrollWidth | Yes | Yes | Yes | Yes | Yes |
통사론
element.scrollWidth
기술적 세부 사항
| 반환 값: | 요소의 전체 너비(가로)를 픽셀 단위로 나타내는 숫자 |
|---|
더 많은 예
예시
패딩, 테두리, 스크롤 막대 및 여백을 사용하여 이것이 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";
}