jQuery Mobile Scrolling Events

jQuery Mobile offers two scrolling events: one when scrolling begins and another when scrolling ends.

jQuery Mobile Scrollstart

The scrollstart event is triggered when the user starts scrolling the page:

Example

$(document).on("scrollstart",function(){
  alert("Scrolling started!");
});

Try It Yourself

Note:iOS devices freeze DOM operations when a scrolling event occurs, which means that nothing can be changed when the user scrolls. However, the jQuery team is working hard to solve this problem.

jQuery Mobile Scrollstop

De scrollstop-event wordt geactiveerd wanneer de gebruiker het scrollen op de pagina stopt:

Example

$(document).on("scrollstop",function(){
  alert("Scrolling ended!");
});

Try It Yourself