Tutorials References Exercises Videos NEW Menu
Paid Courses Website NEW

jQuery scroll() Method

❮ jQuery Event Methods

Example

Count the number of times the scroll is used for an element:

$("div").scroll(function(){
  $("span").text(x += 1);
});
Try it Yourself »

Definition and Usage

The scroll event occurs when the user scrolls in the specified element.

The scroll event works for all scrollable elements and the window object (browser window).

The scroll() method triggers the scroll event, or attaches a function to run when a scroll event occurs.


Syntax

Trigger the scroll event for the selected elements:

$(selector).scroll() Try it

Attach a function to the scroll event:

$(selector).scroll(function) Try it

Parameter Description
function Optional. Specifies the function to run when the scroll event is triggered

Try it Yourself - Examples

Toggle between classes on different scroll positions
How to toggle between classes on different scroll positions.


❮ jQuery Event Methods