THE WORLD'S LARGEST WEB DEVELOPER SITE

jQuery scrollstop Event

❮ jQuery Mobile Events

Example

Alert some text when a user stops to scroll the page:

$(document).on("scrollstop",function(){
  alert("Stopped scrolling!");
});
Try it Yourself »

Definition and Usage

The scrollstop event is triggered when the user stops to scroll the page.

Tip: This event is often attached to the document.

Tip: The scrollstart event is triggered when the user starts to scroll the page.


Syntax

$("selector").on("scrollstop",function(event){...})

Parameter Description
function(event) Required. Specifies the function to run when the scrollstop event occurs

The function has an optional event object, which can contain any jQuery event properties (e.g. event.target, event.type, etc.) See jQuery Events Reference for more information.

Try it Yourself - Examples

Count scroll stops
Count the number of times the scrollstop event occurs.

The event object
Using the event.target property to return which DOM element that triggered the scrollstop event.


❮ jQuery Mobile Events