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 = 幅
オフセット高さ = 高さ