Question

I want to use jQuery to

• detect if a user has scrolled to the top of the page and
• stays there for a period of time.

I’ve managed to get the first point working with the code below but don’t have a clue about the second.

$(window).scroll(function() {
   if($(window).scrollTop()  == 0) {
   // do something
   }
});

Answer 1

So basically you can do a setTimeout, and then clear the timeout if they scroll again. For example:

var timer;

$(window).scroll(function() {
  if($(this).scrollTop() === 0) {
    timer = setTimeout( doSomething, 2000 );
  } else {
    clearTimeout(timer);
  }
});

var doSomething = function(){
  alert('I just sat at the top for two seconds!');
};

Working example: http://jsfiddle.net/dXRhb/2/

​