二つの要素の大きさと位置取得のjavascript:clientWidth /身長、scrollWidth /身長、左scrollTopスプライト/を...

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で再現

おすすめ

転載: blog.csdn.net/weixin_33753845/article/details/93561028