How do I know when I’ve stopped scrolling?

by

You can add an event handler for the scroll event and start a timeout. Something like:

var timer = null;
window.addEventListener('scroll', function() {
    if(timer !== null) {
        clearTimeout(timer);        
    }
    timer = setTimeout(function() {
          // do something
    }, 150);
}, false);

This will start a timeout and wait 150ms. If a new scroll event occurred in the meantime, the timer is aborted and a new one is created. If not, the function will be executed. You probably have to adjust the timing.

Also note that IE uses a different way to attach event listeners, this should give a good introduction: quirksmode – Advanced event registration models

More Related Contents:

  1. How can I get the scrollbar position with JavaScript?
  2. Check if a user has scrolled to the bottom (not just the window, but any element) [duplicate]
  3. How to simulate a mouse click using JavaScript?
  4. JavaScript click event listener on class
  5. onKeyPress Vs. onKeyUp and onKeyDown
  6. How to find out what character key is pressed?
  7. How can I capture the right-click event in JavaScript? [duplicate]
  8. Wait 5 seconds before executing next line
  9. How do I capture response of form.submit
  10. How to pass parameter to function using in addEventListener?
  11. How do you log all events fired by an element in jQuery?
  12. Why Firefox says that window.event is undefined? (call function with added event listener)
  13. Unable to understand useCapture parameter in addEventListener
  14. Change ‘s option and trigger events with JavaScript
  15. Disable arrow key scrolling in users browser
  16. How to capture Enter key press? [duplicate]
  17. Event when YouTube video finished
  18. Detect if the iframe content has loaded successfully
  19. How to prevent invalid characters from being typed into input fields
  20. Implementing jQuery’s “live” binder with native Javascript
  21. How to trigger an ‘isTrusted=true’ click event using JavaScript?
  22. Why inline JavaScript is bad?
  23. What’s the difference between cancelBubble and stopPropagation?
  24. jQuery load content when scroll to bottom-100px of page, multiple events fired
  25. Is there any way of passing additional data via custom events?
  26. Is event a global variable that is accessible everywhere inside the callback chain?
  27. JavaScript: How to simulate change event in internet explorer (delegation)
  28. Detecting user inactivity over a browser – purely through javascript [duplicate]
  29. Detecting support for a given JavaScript event?
  30. In web browsers, what’s the difference between onblur and onfocusout?

Leave a Comment