.scrollleft() Method

Syntax

scrollleft()

Description

The .scrollleft() method is used to get the horizontal position of the scrollbar in an element. The below example explains how to find out the position of the scroll bar.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ alert($("#d1").scrollLeft()+" px"); }); }); </script> <div id="d1" style="border:1px solid black;width:100px;height:130px;overflow:auto"> The longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis. </div> <button>Position</button> <p class="jq_ptag">Move the scrollbar to the right and click the button again.</p>