javascriptでスクロールの上下を検知

質問

$(window).scrollイベントで、「上にスクロールした時」や「下にスクロールした時」という
ことをjavascriptで検知できるのでしょうか。

回答No.1

t_ohta · ベストアンサー

scrollイベント発生時に、前回の位置との差を取って上下を判断したらいいのではないでしょうか。

var nowPosition = 0;
$(function() {
$(window).scroll(function(){
diffPosition = nowPosition - $(window).scrollTop();
nowPosition = $(window).scrollTop();
if(diffPosition > 0){
// 下にスクロール
}else{
// 上にスクロール
}
});
});

お礼

t_ohta　様

やはり現在地との差で判別となりますかね。
ご丁寧にサンプルまで表示して頂きありがとうございます。
勉強になります。

回答No.2

tracer

イベントオブジェクトを参照すれば、どういう値を取れるのか、あるいは、どういうメソッドが提供されているかを確認できますよ。

$(window).on("scroll",function(e){
　console.log(e);
});

お礼

そういう調べ方もできるのですね。
ご返信ありがとうございます！