页面の位置 top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHeight_html/css_WEB-ITnose

1.top

このプロパティは、オブジェクトの位置プロパティが設定されている場合にのみ使用できます。それ以外の場合、このプロパティ設定は無視されます。

コードは次のとおりです:

テストtop

上記は DIV に含まれる段落 P です。P の上部が -5px に設定された後、その上部マージンがコンテナーの上部マージンを超えていることがわかります。 DIV、超えた段落までの距離は設定した5pxです。

望ましい結果を得るには、DIV 要素と P 要素のペアは位置を絶対に設定する必要があることに注意してください。親要素が設定されていない場合、子要素の参照は上位で定義された位置を持つ要素になります。ドキュメント全体まで;

2.posTop

posTop の値は実際には top と同じですが、違いは、top が単なる数値であるのに対し、posTop は px であることです。一般的に計算に使用されます。

3.scrollTop

コードは次のとおりです:

ここにテキストがあります

は 100、250 を順に出力します。要素の高さが 100 ピクセルに指定されているため、offsetHeight は常に 100 ピクセルです。内部要素は 250 ピクセルで、コンテナー要素は 100 ピクセルのみなので、表示できないコンテンツはまだ 150 ピクセルありますが、実際には存在します。したがって、scrollHeight 値は 100+150=250 になります。