.scrollLeft()

Get the current horizontal position of the scroll bar for the first element in the set of matched elements.

Syntax

.scrollLeft()(getter)

Parameters

None

Return value

The horizontal scroll position in pixels.

Description

The horizontal scroll position is the number of pixels that are hidden from view to the left of the scrollable area.

If the scroll bar is at the very left, or if the element is not scrollable, this number will be 0.

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
             alert($("div").scrollLeft());
        });
    </script>
    <style>
    div{
        width:200px;
        height:100px;
        overflow:auto;
    }
    h1 { width:1000px;height:1000px; }
  </style>

  </head>
  <body>
    <body>
       <div><h1>header 1</h1></div>
    </body>
</html>

Click to view the demo

Syntax

.scrollLeft(value) (setter)

Set the current horizontal position of the scroll bar for each of the set of matched elements.

Parameters

value: An integer indicating the new position to set the scroll bar to

Return value

The jQuery object, for chaining purposes

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
             $("div").scrollLeft(300);
        });
    </script>
    <style>
    div{
        width:200px;
        height:100px;
        overflow:auto;
    }
    h1 { width:1000px;height:1000px; }
  </style>

  </head>
  <body>
    <body>
       <div><h1>header 1</h1></div>
    </body>
</html>

Click to view the demo