Windowのスクロール量
window.pageYOffset
で取得することができる。
ただし、IE8以前は非対応のためdocument.documentElement.scrollTop
とする必要がある。
https://developer.mozilla.org/en-US/docs/Web/API/Window/pageYOffset
よって、(window.pageYOffset || document.documentElement.scrollTop)
と書くことで、クロスブラウザ対応することができる。
window.addEventListener("scroll", (event) => {
console.log(window.pageYOffset || document.documentElement.scrollTop);
});
要素のスクロール量
要素.scrollTop
で取得することができる。
ただし、IE8以前は非対応なので取得することができない。
document.getElementById('hoge').addEventListener("scroll", (event) => {
console.log(event.target.scrollTop);
});