W3Schools.com

jQuery CSS scrollLeft() Method

jQuery CSS Methods jQuery CSS Methods

Example

Get the horizontal position of the scrollbar in a div element:

$("button").click(function(){
   alert($("div").scrollLeft()+" px");
});

Try it yourself »

Definition and Usage

The scrollLeft() method sets or returns the horizontal position of the scrollbar for the selected elements.

The horizontal position of the scrollbar is the number of pixels scrolled from its left side. When the scrollbar is on the far left side, the position is 0.

Return Horizontal Scrollbar Position

Returns the horizontal position of the scrollbar for the FIRST matched element.

Syntax

$(selector).scrollLeft()

Try it yourself »

Set Horizontal Scrollbar Position

Sets the horizontal position of the scrollbar for all matched elements.

Syntax

$(selector).scrollLeft(position)

Try it yourself »

Parameter Description
position Optional. Specifies the new position in pixels

jQuery CSS Methods jQuery CSS Methods

WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$3.98 Unlimited Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Best Website Templates Top CSS Templates
CREATE HTML Websites
EASY WEBSITE BUILDER
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE