jQuery live scroll event on mobile (work around)

by

With jQuery:

$('body').bind('touchmove', function(e) { 
    console.log($(this).scrollTop()); // Replace this with your code.
});

This should give you a consistent stream of the scrollTop value when the user scrolls, but be careful as it’s going to fire even while the user is just holding his finger on the screen.

Note that if you’re using jQuery >= 1.7 the preferred binding method is
.on() instead of the .bind() method I’ve used in my example. In that case my example would be

$('body').on({
    'touchmove': function(e) { 
        console.log($(this).scrollTop()); // Replace this with your code.
    }
});

Source: https://github.com/dantipa/pull-to-refresh-js/blob/master/jquery.plugin.pullToRefresh.js

More Related Contents:

  1. prevent Scroll bubbling from element to window
  2. Smooth scrolling when clicking an anchor link
  3. How to scroll an HTML page to a given anchor
  4. What is the difference between the mouseover and mouseenter events?
  5. How to scroll to specific item using jQuery?
  6. JavaScript / jQuery: Test if window has focus
  7. How to stop event bubbling on checkbox click
  8. Resize event for textarea?
  9. ‘this’ does not work properly in another event. I’m clueless as to why [duplicate]
  10. jQuery equivalent of JavaScript’s addEventListener method
  11. Scroll smoothly to specific element on page
  12. Get index of clicked element in collection with jQuery
  13. Fade In on Scroll Down, Fade Out on Scroll Up – based on element position in window
  14. Stop fixed position at footer
  15. How to stop default link click behavior with jQuery
  16. Simplest way to detect a pinch
  17. JavaScript: DOM load events, execution sequence, and $(document).ready()
  18. Programmatically focus on next input field in mobile safari
  19. how to move a div with arrow keys
  20. jQuery Change event on an element – any way to retain previous value?
  21. Detect double tap on ipad or iphone screen using javascript
  22. Javascript: do an action after user is done scrolling
  23. jQuery Mobile : What is the order of page events triggering?
  24. How to determine scroll direction without actually scrolling
  25. How to unbind a specific event handler
  26. Event propagation in Javascript
  27. How to disable mouseout events triggered by child elements?
  28. Choppy/Laggy scroll event on Chrome and IE
  29. Prototype equivalent for jQuery live function
  30. Automatically scroll down chat div

Leave a Comment