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 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応
実験的
Chrome ? Edge 完全対応 ありFirefox 完全対応 1IE 完全対応 ありOpera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android ? Safari iOS ? Samsung Internet Android ?

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。

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

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

ドキュメントのタグと貢献者

このページの貢献者: momdo, fscholz, khalid32, ethertank
最終更新者: momdo,