HTMLElement.offsetTop
読み取り専用プロパティは、offsetParent
ノードの上端に対して現在の要素の距離を返します。
構文
topPos = element.offsetTop;
引数
topPos
は、相対的に最も近い親要素の一番上からのピクセル数です。
例
var d = document.getElementById("div1"); var topPos = d.offsetTop; if (topPos > 10) { // 要素が offsetParent から 11px 以上離れている場合の処理をここに記述 }
仕様書
仕様 | 状態 | コメント |
---|---|---|
CSS Object Model (CSSOM) View Module offsetTop の定義 |
草案 |
ブラウザー互換性
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
デスクトップ | モバイル | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
基本対応 | Chrome ? | Edge 完全対応 あり | Firefox 完全対応 1 | IE 完全対応 あり | Opera ? | Safari ? | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Edge Mobile 完全対応 あり | Firefox Android 完全対応 4 | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
凡例
- 完全対応
- 完全対応
- 実装状況不明
- 実装状況不明
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。
仕様に従って、要素が非表示 (この要素または任意の祖先の style.display
が "none"
)である場合、または要素自体の style.position
が "fixed"
に設定される場合、このプロパティは WebKit で null
を返します。
このプロパティは、要素自体の style.position
が "fixed"
に設定されている場合、Internet Explorer (9) で null
を返します。(display:none
であってもこのブラウザに影響しません。)