<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <cite xml:lang="en-us">getBoundingClientRect Method (A, ABBR, ACRONYM, ...)</cite> (<time>2009-01-01 13:43:07 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://msdn.microsoft.com/en-us/library/ms536433(VS.85).aspx">http://msdn.microsoft.com/en-us/library/ms536433(VS.85).aspx</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <cite>OpearのgetBoundingClientRectとgetClientRectsがおかしいのでテストページを作った - by edvakf in hatena</cite> (<time>2009-01-01 13:44:27 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://d.hatena.ne.jp/edvakf/20081016/1224183371">http://d.hatena.ne.jp/edvakf/20081016/1224183371</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> <cite>getClientRects()とgetBoundingClientRect()の違いとその動作のまとめ - DenkiYagi</cite> (<time>2009-01-01 13:45:06 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://d.hatena.ne.jp/terurou/20071018/1192637545">http://d.hatena.ne.jp/terurou/20071018/1192637545</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <cite>getBoundingClientRect()を使って要素の絶対座標を求める - 素人がプログラミングを勉強するブログ</cite> (<time>2009-01-01 13:58:53 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://d.hatena.ne.jp/javascripter/20080531/1212264942">http://d.hatena.ne.jp/javascripter/20080531/1212264942</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE7</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera9</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox</anchor>3 が対応しているみたいです。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WebKit</anchor> は未対応みたいです。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> <cite>Bug 15897 - please implement getBoundingClientRect and getClientRects</cite> (<time>2009-01-06 22:21:27 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://bugs.webkit.org/show_bug.cgi?id=15897">https://bugs.webkit.org/show_bug.cgi?id=15897</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <cite>はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記</cite> (<time>2009-02-08 18:51:12 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://d.hatena.ne.jp/amachang/20081126/1227700830">http://d.hatena.ne.jp/amachang/20081126/1227700830</anchor-external></p><blockquote><p>getBoundingClientRect が遅いのは、DOMContentLoaded で実行しているからのようですね。位置が決定してないので、待ちがあるのではと予想してます。</p><p>すみません、、onload後にgetBoundingClientRectしてみたのですが、結果は変わりませんでした。。</p></blockquote><section><h1>原点</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">html</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">根要素</anchor>で調べてみた。<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">奇癖モード</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">無奇癖モード</anchor>共。<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE7</anchor>: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">viewport</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">border辺</anchor>左上隅</li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera9</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox3</anchor>: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">viewport</anchor> 左上隅</li></ul></p></section><section><h1><code class="HTMLe" xml:lang="en">html</code> の場合</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">html</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">根要素</anchor>対象にすると得られるもの。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">奇癖モード</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">無奇癖モード</anchor>共。<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE7</anchor>: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">viewport</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">border箱</anchor>。</li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Opera9</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox3</anchor>: <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">html</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">border箱</anchor>。</li></ul></p></section><section><h1>関連</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> <code class="DOMm" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">getBoxObjectFor</anchor></code> というのもあります。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> <cite xml:lang="en"><strong>[</strong>cssom-view<strong>]</strong> Change how {Element,Range}.getBoundingClientRect() handl…</cite>
( (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">zcorpan</anchor>著, <time>2016-05-08 14:17:05 +09:00</time>))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/w3c/csswg-drafts/commit/0e7a5cbdea19397086e9423b508fe6f41decdcec">https://github.com/w3c/csswg-drafts/commit/0e7a5cbdea19397086e9423b508fe6f41decdcec</anchor-external></p></section></body></html>