そのようなclientHeight、scrollHeight、offsetHeight、及びscrollTopスプライト、offsetTop、のclientTop差としてJS様々な場所、?

1、clientHeightは、可視領域の高さを表し、境界スクロールバーが含まれていません。

2、offsetHeightは可視領域、境界線とを含むスクロールバーの高さを表します

3、scrollHeightは:隠れた部分ので、スクロールなど、全ての領域の高さを示します。

4、のclientTopは:不定通常0の場合に、ボーダーのボーダーの太さを表します

5、srcollTop:上部から親のプロパティによって指定されたオブジェクトがoffsetParentの(CSS位置決め要素又は本体要素)を座標取得に対する圧延後隠さ高さ、高さ

 

分析:

   スクロールclientHeightとoffsetHeightの属性や要素、場所は関係ありません、それはここで、要素の高さを表します。

   clientHeight:パディングを含むが、境界、水平スクロールバー、要素のマージンの高さを含めていません。このプロパティのインライン要素を0、単位PX、読み取り専用の要素となっています。

 

 

 

   offsetHeight:パディング、ボーダー、水平スクロールバーを含むが、要素のマージンの高さが含まれていません。

 

 彼らが表示されたときに、次の議論は、スクロールバーを持っています:

要素の子要素が存在し、オーバーフロー=スクロール要素よりも高い場合には、要素がスクロール、時間を提示します。

scrollHeight:サブ要素は親要素よりも高くなっているので、キルトブレース要素がない現在、scrollHeight高視認素子部の代表を含む部分的に隠された転動体のこの過程でスクロールバーを、示したように、親要素が別の仕事をしたくありません。非常に目に見える部分は、実際にscrollHeight> = clientHeight恒久的施設でclientHeight、です。スクロールバー、スクロールバーが存在しない場合にscrollHeight == clientHeightの恒久的施設がある場合にScrollHeightの議論は意味があります。ユニットPX、読み取り専用の要素。

 

 scrollTopスプライト:スクロールバーが要素の上から下にスクロールする代表スクロールバーが非常に不明瞭な部分です。scrollTopスプライト== 0スクロールバーの非存在下における恒久的施設。ユニットPX、読んで設定してください。
offsetTop:最も近い親要素の上端から現在のトップの要素、および距離を重要ではありません何のスクロールバーがありません。ユニットPXは、読み取り専用の要素を

 

 offsetTop:最も近い親要素の上端から現在のトップの要素、および距離を重要ではありません何のスクロールバーがありません。ユニットPX、読み取り専用の要素。

 

おすすめ

転載: www.cnblogs.com/psxiao/p/11546318.html