Question

How can I trigger a function when the browser window stops scrolling? Either by mouse wheel, click, space bar or arrow key? Is there any event for such action? I have tried to search online but couldn’t get any solution. I’m fine with a jQuery solution.

Answer 1

There’s no “event” but you could make your own, like this:

$(function() {
  var timer;
  $(window).scroll(function() {
    clearTimeout(timer);
    timer = setTimeout(function() {
      $(window).trigger("scrollStop");
    }, 250);
  });
});

Then you could bind to it, like this:

$(window).bind("scrollStop", function() {
  alert("No one has scrolled me in 250ms, where's the love?");
});

This creates an event, there’s no “stop” for this, but you can define your own… in this case “stop” is defined as “hasn’t scrolled in 250ms”, you can adjust the timer to your liking, but that’s the idea.

Also, if you’re just doing one thing there’s no need for an event, just put your code where I’m calling $(window).trigger("scrollStop") and it’ll run n milliseconds after the scroll stops.