Search within TutorialsPark

jQuery Mobile : Scrolling Events


Learn how to use jQuery Mobile to Trigger Scrolling Events


jQuery Mobile: Scrolling Events

jQuery Mobile Scrolling Event provides three events scroll, scrollstart and scrollstop which can be binded upon scrolling elements.

These events are useful for long lists, where elements can be processed before and after they appear in the view.

Also, scrolling on mobile is different than scrolling on desktops, mobile scrolling is more eased , it slows down before grinding to a complete halt and firing event scrollstop

Table: jQuery Mobile - Scrolling Events

Scroll Event Description
scrollstart Event is triggered when the scrolling begins
scrollstop Event is triggered when a scroll finishes

All the above Events are binded to the elements using jQuery methods of either on, bind, live or delegate


jQuery Mobile Scroll Events : scrollstart Event

The jQuery mobile event scrollstart is triggered when the scrolling begins.

Example: jQuery Mobile Scrolling Event - scrollstart

Give it a TRY! » Note: Users can set any function to be executed when the event is triggered


jQuery Mobile Scrolling : scrollstop Event

jQuery Mobile Scroll Event scrollstop is triggered when the scrolling ends.

Syntax: jQuery Mobile Touch Event Taphold

Give it a TRY! » Note: Users can set any function to be executed when the event is triggered