Javascript: do an action after user is done scrolling

by

As you are already using jQuery, have a look at Ben Alman’s doTimeout plugin which already handles the debouncing of methods (which is what you are after).

Example shamelessly stolen from his website:

$(window).scroll(function(){
   $.doTimeout( 'scroll', 250, function(){
      // do something computationally expensive
   });
});

More Related Contents:

  1. How to check if element is visible after scrolling?
  2. How to disable scrolling temporarily?
  3. Smooth scrolling when clicking an anchor link
  4. Check if a user has scrolled to the bottom (not just the window, but any element) [duplicate]
  5. Scroll Automatically to the Bottom of the Page
  6. How to scroll an HTML page to a given anchor
  7. How can I make a div stick to the top of the screen once it’s been scrolled to?
  8. jQuery load more data on scroll
  9. Prevent BODY from scrolling when a modal is opened
  10. Scroll to an element with jQuery
  11. How to scroll to specific item using jQuery?
  12. Select all contents of textbox when it receives focus (Vanilla JS or jQuery)
  13. prevent Scroll bubbling from element to window
  14. Make scrollbar visible in mobile browsers
  15. How to scroll the window using JQuery $.scrollTo() function
  16. Fade In on Scroll Down, Fade Out on Scroll Up – based on element position in window
  17. JQuery Slider, how to make “step” size change
  18. javascript: detect scroll end
  19. How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?
  20. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  21. Detect if a page has a vertical scrollbar?
  22. Reverse Scrolling
  23. prevent touchstart when swiping
  24. jQuery load content when scroll to bottom-100px of page, multiple events fired
  25. Disabling middle click scrolling with javascript
  26. jQuery x y document coordinates of DOM object
  27. jQuery – bind event on Scroll Stop
  28. Choppy/Laggy scroll event on Chrome and IE
  29. Scrolling Overflowed DIVs with JavaScript
  30. Load ajax when scroll reaches 80%

Leave a Comment