zukucode
主にWEB関連の情報を技術メモとして発信しています。

JavaScript 最新のChromeでscrollTopが取得できないときの対処法

Chromeのバージョンが61以上だと以下のような方法でscrollTopを取得できなくなっています。

// 取得できない
var top = document.body.scrollTop;

対処法

対処法として、最近の新しいブラウザではdocument.scrollingElementが使えるので、これに対応しているブラウザであればdocument.scrollingElementを使用するようにします。

if ('scrollingElement' in document) {
  top = document.scrollingElement.scrollTop;
} else {
  top = document.body.scrollTop;
}

なお、古いIEなどに対応した取得方法はJavaScript ページの先頭までアニメーションスクロールをするで紹介しています。



関連記事