HTMLElement.offsetTop

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 の定義
草案

ブラウザー互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
offsetTopChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 8Opera 完全対応 8Safari 完全対応 3WebView Android 完全対応 1Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 10.1Safari iOS 完全対応 1Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応

仕様に従って、要素が非表示 (この要素または任意の祖先の style.display"none")である場合、または要素自体の style.position"fixed" に設定される場合、このプロパティは WebKit で null を返します。

このプロパティは、要素自体の style.position"fixed" に設定されている場合、Internet Explorer (9) で null を返します。(display:none であってもこのブラウザに影響しません。)