[javascript] 「スクロールダウン」イベントをキャプチャしますか?


Answers

jQuery(非常にシンプルなHTMLページではできない)を使用したくない場合は、通常のJavascriptを使用してこれを行うことができます:

<script>
function scrollFunction() {
    // do your stuff here;
}

window.onscroll = scrollFunction;
</script>

あなたはページをにスクロールするときに何かをしたいと言った - onscrollイベントはx軸またはy軸のいずれかの方向にスクロールして消えるので、スクロールするたびに関数が呼び出される。

ページをスクロールしたときにコードを実行するだけの場合は、前のスクロール位置を維持して、onscrollが呼び出されるたびに比較する必要があります。

Question

私は非常に単純なWebページ(HTMLのみ)を設計しています。実装したい唯一の "機能"は、ユーザーがページをスクロールするときに何かをすることです。何らかの形でその "イベント"をキャプチャする方法はありますか?




より良い方法は、スクロールイベントをチェックするだけでなく、以下のような方向スクロールもチェックすることです。

$(window).bind('mousewheel', function(event) {
if (event.originalEvent.wheelDelta >= 0) {
    console.log('Scroll up');
}
else {
    console.log('Scroll down');
}
});





Related