getBoundingClientRect() を使用してページ要素の位置を取得します
document.documentElement .getBoundingClientRect
このメソッドは、ブラウザ ウィンドウを基準としたページ上の要素の左、上、右、下の位置を取得するオブジェクトを返します。これらの位置は、上、左を表します。要素の右側とそれぞれ、ブラウザ ウィンドウの左上隅を基準とした下 4 つの境界のオフセット ピクセル値 (ドキュメント領域の左上隅ではないことに注意してください)。また、このメソッドは IE Only ではなくなりました。FF3.0 と Opera9.5 では、ページ要素の位置を取得する効率が大幅に向上したと言えます。ブラウザウィンドウのオフセットはgetBoundingClientRectの使用になるとの記事によると、すごいですね=。 =offset、pagex、clientx などを気にする必要がないからです。 Opera と Firefox の以前のバージョンでは、ページ上の要素の絶対位置を取得するにはループする必要がありました。
コード例:
デモ
頭>
<ボディ style="幅:2000px; 高さ:1000px;">
便宜上、デモでは絶対配置要素を使用します
著者別の最新記事
-
2025-02-26 03:58:14
-
2025-02-26 03:38:10
-
2025-02-26 03:17:10
-
2025-02-26 02:49:09
-
2025-02-26 01:08:13
-
2025-02-26 00:46:10
-
2025-02-25 23:42:08
-
2025-02-25 22:50:13
-
2025-02-25 21:54:11
-
2025-02-25 20:45:11
最新の問題
-
2025-03-19 09:10:13
-
2025-03-18 15:17:30
-
2025-03-18 15:16:33
-
2025-03-18 15:14:33
-
2025-03-18 15:12:30