タグ

offsetTopに関するbookclipperのブックマーク (2)

  • offsetTop

    offsetTop 解説 親の座標軸を基準としてピクセル単位の相対座標で、エレメントの上端の座標を返す。 構文 object.offsetTop 注意事項 offset*プロパティの組み合わせによって、つまりoffsetLeft、offsetTop、offsetHeight、offsetWidthを使うことで、エレメントの位置、幅、高さを決定することができる。これらのプロパティは、親エレメントを基準として座標や大きさを指定する。例えば、つぎのドキュメントはドキュメントの幅と高さに応じて大きさが変化する時計の例である。 <HTML> <HEAD><TITLE>A Simple Clock</TITLE> <SCRIPT LANGUAGE="JScript"> function startClock() { window.setInterval("Clock_Tick()", 1000); C

    offsetTop
  • offsetTop/offsetLeft/offsetParentの闇 - Backstage of theater.js

    簡単な定義 要素のoffsetLeftプロパティ 要素の左辺と、offset基準要素の左辺との距離(px) 要素のoffsetTopプロパティ 要素の上辺と、offset基準要素の上辺との距離(px) 要素のoffsetParentプロパティ 要素のoffset基準要素(これが何になるかが問題) ○結論から先に見たい方は>>こちら<<○ いままで、なんとなくoffsetTopやoffsetLeftを使っていました^^; これらは「ページ上の要素の位置」を格納してると思って。しかし、よくよく調べてみるとそれは誤りであり、かつかなり複雑でややこしいプロパティであることが分かってきました。*1 もともと、(ここでは述べませんが、offsetHeightとoffsetWidthも含め)offset〜のプロパティはIEがVer5で独自に実装したものらしく、その後他のブラウザが追随して実装したようです

    offsetTop/offsetLeft/offsetParentの闇 - Backstage of theater.js
  • 1