以下は、区別するために始めました
A、clientWidthとclientHeigh、のclientTop及びclientLeft
。1、実際の幅clientWidth
clientWidth =幅+左右のパディング
2、clientHeighの実際の高さ
clientHeigh =高さ+上下のパディング
図3に示すように、実際の幅のclientTop
clientTop = boder.top（フレーム幅）
図4に示すように、実際の幅clientLeft
clientLeft = boder.left（左ボーダーの幅）
二、およびoffsetWidth offsetHight、offsetTopとoffsetLeft
。1、実際の幅offsetWidth
offsetWidth =幅+パディング+ boderの周りに残さ
2、offsetHeithの実際の高さ
垂直パディング+ダウンoffsetHeith =高さ+ boder
3、offsetTop実際の幅
offsetTop：最寄り位置付け親距離（offsetParentの）現在の要素のためのフレームの上縁にフレームの外縁。親レベルが配置されていない場合には、それぞれ、本体及び左側の上部からの距離です。
4、offsetLeft実際の幅
offsetLeft：親（offsetParentの）現在のエッジからボックスの左側に位置する最も近いフレーム要素の左端外部。親レベルが配置されていない場合には、それぞれ、本体及び左側の上部からの距離であります
三、scrollWidthとscrollHeight、scrollTopスプライトとscrollLeft
。1、scrollWidth実際の幅
scrollWidth：真の幅指定されたラベルのコンテンツ層（閲覧エリアの幅+隠された領域幅）を取得します。
2、scrollHeightの実際の高さ
scrollHeight：タグのコンテンツ指定層の真の高さを取得する（可視領域は、領域の高さ+高さ隠されています）
3、scrollTopスプライト
scrollTopスプライト：コンテンツの可視領域の最上層の上部からの距離。
实例：VAR scrollTopスプライト= document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
高度な方法への継続的なアクセス：
window.addEventListener（ 'スクロール'、（）=> {
VAR scrollTopスプライト= document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
}）;
4、scrollLeft
scrollLeft：コンテンツ層の左端に左端から可視領域。
注：元のリンクします。https：//blog.csdn.net/qq_42089654/article/details/80515916