エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JavaScriptコードスニペット:要素のページ内での絶対座標を取得する [松林堂/shorindo.com]
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JavaScriptコードスニペット:要素のページ内での絶対座標を取得する [松林堂/shorindo.com]
もはや定番的な内容ですが、マウスイベントの処理との兼ね合いで要素の絶対座標が必要になることがあり... もはや定番的な内容ですが、マウスイベントの処理との兼ね合いで要素の絶対座標が必要になることがあります。 Element.offsetLeft, Element.offsetTopを使うのが定石ですが、CSSのposition属性の値によってその意味が異なるため、対応に苦慮しがちです。 それは実は誤解であって、offsetLeft/offsetTopの値はoffsetParentの左上からの相対座標なのです。 ですから、positionが何であってもoffsetParentをたどってoffsetLeft/offsetTopを積算していけば絶対座標は取得可能です。 そして、座標を指定して要素を配置するときも同様にoffsetParentからの相対座標を指定すればよいのです。CSSだけでやろうとすると、offsetParentが状況によって変化するため、面倒なことになりがちですが、JavaScr