HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth 전체 설명_경험치 교환

scrollHeight: 개체의 스크롤 높이를 가져옵니다.

scrollLeft: 개체의 왼쪽 가장자리와 창에 현재 표시되는 콘텐츠의 가장 왼쪽 끝 사이의 거리를 설정하거나 가져옵니다.

scrollTop: 개체의 맨 위 가장자리 사이의 거리를 설정하거나 가져옵니다. 객체와 창에 보이는 콘텐츠의 가장 왼쪽 끝 상단 사이의 거리

scrollWidth: 객체의 스크롤 너비를 가져옵니다.

offsetHeight: 객체를 기준으로 객체의 높이를 가져옵니다. 레이아웃 또는 상위 좌표 offsetParent 속성에 의해 지정된 상위 좌표

offsetLeft: offsetParent 속성에 의해 지정된 레이아웃 또는 상위 좌표를 기준으로 객체의 계산된 왼쪽 위치를 가져옵니다.

offsetTop: 가져오기 offsetTop 속성에 의해 지정된 레이아웃 또는 상위 좌표를 기준으로 계산된 개체의 상단 위치

event.clientX 문서를 기준으로 한 가로 좌표

event.clientY 문서를 기준으로 한 세로 좌표

컨테이너를 기준으로 한 event.offsetX 가로 좌표

컨테이너를 기준으로 한 event.offsetY 세로 좌표

document.documentElement.scrollTop 세로 스크롤 값

event.clientX+document.documentElement.scrollTop 상대 문서의 가로 좌표 + 세로 스크롤 양

위는 주로 IE를 의미하며, FireFox의 차이점은 다음과 같습니다.

IE6.0, FF1.06+:

clientWidth = 너비 + 패딩

clientHeight = 높이 + 패딩

offsetWidth = 너비 + 패딩 + 테두리

offsetHeight = 높이 + 패딩 + 테두리

IE5.0/5.5:

clientWidth = 너비 - 테두리

clientHeight = 높이 - 테두리

offsetWidth = 너비

offsetHeight = 높이