gifnksm https://blog.hatena.ne.jp/gifnksm/ gifnksmの雑多なメモ https://gifnksm.hatenablog.jp/ JavaScript Firefox JavaScript（というかDOM? CSSOM?）には getBoundingClientRect という便利なメソッドが用意されています。これを使えば，ある要素のviewport上の座標，つまりブラウザ画面の左上を原点とした座標上での要素の位置を取得することができます。これまでは d:id:gifnksm:20100729:1280429284 のgetOffset関数のように，offsetParentを辿っていく方法で位置を取得していました。また親要素に position: fixed; が指定されている場合などを考慮すると，d:id:gifnksm:20090506:12416306… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgifnksm.hatenablog.jp%2Fentry%2F20101007%2F1286419969" title="TextNodeにも使えるgetBoundingClientRect - gifnksmの雑多なメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2010-10-07 11:52:49 rich https://gifnksm.hatenablog.jp/entry/20101007/1286419969 1.0 100%