jQuery Mobile gives you the ability to detect scrolling events within the device. In this screencast we will write a small script that will popup an alert box when the user either starts to scroll, or when scrolling on the app stops.

Working Example




Script to bind events

$(document).bind(“scrollstop”, function() {

//What occurs when the scrolling starts
alert(“You have stopped scrolling”);
});

$(document).bind(“scrollstart”, function() {

//What occurs when the scrolling starts
alert(“You have started scrolling”);

});

3 responses to “jQueryMobile Scroll Events”

  1. Helaman says:

    Hey man, love your stuff. I’m new to this slowly working through it all. I’m developing a test app, it does not scroll very well, as soon as you let go of the screen it ‘pop’s’ back to the top of the screen (best way that I can describe it). I haven’t added anything like you mention in the above tutorial. Hope I don’t sound too dumb…

    Cheers

  2. Tony says:

    Great video!
    I’m trying to adapt my website to accept jquerymobile to make it better for ipad 2 users, but i’m having trouble in getting the code working since i have to bind the scrolls to a div that is dinamic created inside autocomplete function of jQuery, any sugestion?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get actionable training and tech advice

We'll email you our latest articles up to once per week.