JavaScriptの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 の違いは次のとおりです:
IE6.0、FF1.06:
clientWidth = 幅のパディング
clientHeight = 高さのパディング
offsetWidth = 幅のパディング ボーダー
offsetHeight = 高さのパディングborder
IE5.0/5.5:
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height
(マージンについては言及する必要があります) CSS の属性は clientWidth、offsetWidth、clientHeight、および offsetHeight とは何の関係もありません)

<title> コード例: clientWidth、offsetWidth、clientHeight、および offsetHeight のテストの比較 </title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <meta name="author" content="">