X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery scrollstart Event

jQuery Mobile Events jQuery Mobile Events

Example

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

$(document).on("scrollstart",function(){
  alert("Started scrolling!");
});

Try it yourself »

Definition and Usage

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

Note: iOS devices freeze DOM manipulation during scrolls, which means that it is not possible to change something when the user scrolls. However, the jQuery team are working on a solution for this.

Tip: This event is often attached to the document.

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


Syntax

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

Parameter Description
function(event) Required. Specifies the function to run when the scrollstart 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.


Examples

Try it Yourself - Examples

Count scroll starts
Count the number of times the scrollstart event occurs.

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


jQuery Mobile Events jQuery Mobile Events


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook