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
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
offsetTop | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 8 | Opera 完全対応 8 | Safari 完全対応 3 | WebView Android 完全対応 1 | Chrome Android 完全対応 18 | Firefox Android 完全対応 4 | Opera Android 完全対応 10.1 | Safari iOS 完全対応 1 | Samsung Internet Android 完全対応 1.0 |
凡例
- 完全対応
- 完全対応
仕様に従って、要素が非表示 (この要素または任意の祖先の style.display が "none")である場合、または要素自体の style.position が "fixed" に設定される場合、このプロパティは WebKit で null を返します。
このプロパティは、要素自体の style.position が "fixed" に設定されている場合、Internet Explorer (9) で null を返します。(display:none であってもこのブラウザに影響しません。)