2011/11/25

[JavaScript] スクロールの終了時にイベントを起動する

JavaScriptでスクロールが終わった時に、なにか処理をしたい時がある。
要はスクロールするとついてくるメニューの処理みたいな感じ
ああいうのはスクロール中もついてくるけど、今回のは終わるまで何もしない。

スマートフォン向けにブラウザの下部に出てくるバナーなんかで、スクロールすると消えて、スクロールが止まると表示されるやつ、あんな感じ。
var timeId;

window.addEventListener("scroll", function(){

 //解除
 clearTimeout(timeId);

 //時間をリセットしてセットし直す
 timeId = setTimeout(function(){
  //処理
 }, 500);
});

//最初に一回動かす
timeId = setTimeout(function(){
 //処理
}, 0);

0 件のコメント:

コメントを投稿