ドキュメント全体のスクロール要素の取得
ドキュメント全体のスクロール要素を取得するには、document.scrollingElementプロパティを使用します。
- ※ IE11以下は対応していません。
構文
JavaScript
var scrollElement = document.scrollingElement;戻り値
スクロールの要素を返します。
サンプルコード
JavaScript
document.scrollingElement.addEventListener('scroll', function() {
// ...
});未対応ブラウザの対応について
未対応ブラウザへの対応は、次のようにすることで対応することができます。
関数定義
JavaScript
/**
* ドキュメントのスクロール要素を取得
*/
var docScrollElem = (function(doc) {
if ('scrollingElement' in doc) {
return doc.scrollingElement;
} else if (navigator.userAgent.toLowerCase().indexOf('webkit') > -1) {
return doc.body;
} else if ('documentElement' in doc) {
return doc.documentElement;
} else {
return doc.body;
}
})(document);使い方
JavaScript
var element = docScrollElem;
element.addEventListener('scroll', function() {
// ...
});