jQuery scrollLeft() Method
Example
Return the horizontal scrollbar position for a <div> element:
$("button").click(function(){
alert($("div").scrollLeft());
});
Try it Yourself »
alert($("div").scrollLeft());
});
Definition and Usage
The scrollLeft() method sets or returns the horizontal scrollbar position for the selected elements.
Tip: When the scrollbar is on the far left side, the position is 0.
When used to return the position:
This method returns the horizontal position of the scrollbar for the FIRST matched element.
When used to set the position:
This method sets the horizontal position of the scrollbar for ALL matched elements.
Syntax
Return horizontal scrollbar position:
$(selector).scrollLeft()
Set horizontal scrollbar position:
$(selector).scrollLeft(position)
| Parameter | Description |
|---|---|
| position | Specifies the horizontal scrollbar position in pixels |
Try it Yourself - Examples
Set the horizontal scrollbar position
How to set the horizontal scrollbar position for an element.