Layout Options

  • Fixed Header
    Makes the header top fixed, always visible!
  • Fixed Sidebar
    Makes the sidebar left fixed, always visible!
Introduction
Webconcept

Description

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 if the function parameter is set, it specifies what happens when a scroll event occur.


Trigger the Event

Trigger the scroll event for the selected element.


This method has the form:

.scroll()

Bind a Function to the Event

Specifies a function to run when the scroll event is triggered for the selected element.

v1.0

This method has the alternate form:

.scroll(function)
Parameter Description
function (optional) Specifies the function to run when the scroll event is triggered

Return Value

This form returns a jQuery object.


v1.4.3

This method has the alternate form:

.scroll(data,function)
Parameter Description
data (optional) Specifies additional data to pass along to the function
function (optional) Specifies the function to run when the scroll event is triggered

Return Value

This form returns a jQuery object.

Examples

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

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