この記事ではブラウザで上下にスクロールした時それが上と下どちらにスクロールされているか、jQueryを使って判定するコードを紹介します。
スクロールした方向が上か下かどうやったら判別できるの？
スクロールした方向が上下どっちか判定する
スクロールイベントが発生した瞬間の位置を取得して
スクロール後の位置と比較し上下を判別しています。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | sc_func(); function sc_func(){ //元々の位置を取得 var posBf = $(window).scrollTop(); $(window).scroll(function(){ //スクロールしたら位置を取得 var posAf = $(this).scrollTop(); //元々の位置とスクロール後の位置を比較 if( posAf < posBf){ console.log('うえ！'); }else{ console.log('した！'); } //元々の位置をスクロール後の位置に書き換える posBf = posAf; }); } |
こんなに短いコードで判定できるんだね！