1、clientWidth clientHeight
要素の可視部分の幅と高さ(すなわち、CSS幅プラスパディング)。彼らは、境界線を入れないと、スクロールバーが含まれ、また、スクロールの可能性。
CSSは、指定された要素(すなわち適応)の高さと幅でない場合は、0がIEに表示され、IEブラウザが実際の値が表示されるのではなく
2、
offsetWidth offsetHeight
要素は、全体のページの幅と高さに占めます。それらと前回の属性との違いは、境界要素を入れて、スクロールバーが含まれていることです。
CSSは、指定された要素の高さ及び幅(即ち、適応)されていない場合、すべてのブラウザは、実際の値は+パディング+ボーダー幅表示します
3、
scrollWidth scrollHeight
所与のセットのオーバーフロー:全体的な幅と高さの目に見える要素。clientWidthとclientHeightよりも幅と高さが大きい場合には、要素がスクロールする必要があります。
幅+パディング+ボーダー
オーバーフロー:隠された/スクロールの値は、すべてのブラウザでは、すべての要素を表示するときに戻ります
オーバーフロー:ときに、Googleのクロム、可視、すべての要素の値を表示するときのSafari、IEが表示され、FF、オペラが表示される領域の値を表示します
特定のアプリケーションでは、非常に少ないを使用してプロパティは、バグをたくさん持っています。
4、
scrollTopスプライトとscrollLeft
scrollTopスプライトおよび特性所定距離scrollLeft(画素値)が転動体を有しています。あなたはこれらのプロパティを設定すると、ときに新しい座標にページがスクロールします。
5、図。
ます。https://www.cnblogs.com/rainman/archive/2009/02/15/1391165.htmlで再現