jQuery Tutorial
jQuery HOME jQuery Intro jQuery Install jQuery Syntax jQuery Selectors jQuery EventsjQuery Effects
jQuery Hide/Show jQuery Fade jQuery Slide jQuery Animate jQuery stop() jQuery Callback jQuery ChainingjQuery HTML
jQuery Get jQuery Set jQuery Add jQuery Remove jQuery CSS Classes jQuery css() jQuery DimensionsjQuery AJAX
jQuery AJAX Intro jQuery Load jQuery Get/PostjQuery Misc
jQuery noConflict()jQuery Examples
jQuery Examples jQuery Quiz jQuery CertificatejQuery References
jQuery Selectors jQuery Events jQuery Effects jQuery HTML/CSS jQuery AJAX jQuery Misc jQuery Properties jQuery TraversingjQuery scrollLeft() Method
jQuery
HTML/CSS MethodsExample
Return the horizontal scrollbar position for a <div> element:
$("button").click(function(){
alert($("div").scrollLeft());
});
alert($("div").scrollLeft());
});
Try it yourself »
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.
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
