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…


  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 *

Get actionable training and tech advice

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