1. ホーム
  2. Web プログラミング
  3. CSS/HTML

offsetTop 使用方法詳細

2022-01-17 08:35:21

1. offsetTop: offsetParentの上端からの要素の距離

2. offsetParent: その要素に最も近い位置付け(相対、絶対、固定)の祖先要素で、条件に合う祖先がない場合、offsetParentはbody.fatherとなり、図2のoffsetParentはbodyとなる。

3. 注:offsetTopは要素が表示(レンダリング)されるときにのみ計算されるので、間に非同期に取得する必要がある要素がある場合、最終的なoffsetTopの値は小さくなる

offsetTop の使用法に関する本記事は以上です。offsetTopの使い方については、Scripting Houseの過去の記事を検索していただくか、以下の記事を引き続きご覧ください。