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

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

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

view plainprint?

1. var timeId;  
2.   
3. window.addEventListener("scroll", function(){  
4.   
5.  //解除  
6.  clearTimeout(timeId);  
7.   
8.  //時間をリセットしてセットし直す  
9.  timeId = setTimeout(function(){  
10.   //処理  
11.  }, 500);  
12. });  
13.   
14. //最初に一回動かす  
15. timeId = setTimeout(function(){  
16.  //処理  
17. }, 0);  

var timeId;

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

 //解除
 clearTimeout(timeId);

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

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