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
offsetTop
実験的
Chrome 完全対応 47Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 11WebView Android 完全対応 47Chrome Android 完全対応 47Edge 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 であってもこのブラウザに影響しません。)

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

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