Detect if user is scrolling

Question

How can I detect in javascript if the user is scrolling?

Answer 1

this works:

window.onscroll = function (e) {   // called when the window is scrolled.   }  

edit:

you said this is a function in a TimeInterval..
Try doing it like so:

userHasScrolled = false; window.onscroll = function (e) {     userHasScrolled = true; } 

then inside your Interval insert this:

if(userHasScrolled) { //do your code here userHasScrolled = false; } 

Answer 2

You just said javascript in your tags, so @Wampie Driessen post could helps you.

I want also to contribute, so you can use the following when using jQuery if you need it.

 //Firefox  $('#elem').bind('DOMMouseScroll', function(e){      if(e.detail > 0) {          //scroll down          console.log('Down');      }else {          //scroll up          console.log('Up');      }       //prevent page fom scrolling      return false;  });   //IE, Opera, Safari  $('#elem').bind('mousewheel', function(e){      if(e.wheelDelta< 0) {          //scroll down          console.log('Down');      }else {          //scroll up          console.log('Up');      }       //prevent page fom scrolling      return false;  }); 

Another example:

$(function(){     var _top = $(window).scrollTop();     var _direction;     $(window).scroll(function(){         var _cur_top = $(window).scrollTop();         if(_top < _cur_top)         {             _direction = 'down';         }         else         {             _direction = 'up';         }         _top = _cur_top;         console.log(_direction);     }); });​