Description:
The scrollLeft( val ) method is used to set scroll left offset to the passed value on all matched elements.This method works for both visible and hidden elements.
Syntax:
Here is the simple syntax to use this method:selector.scrollLeft( val ) |
Parameters:
Here is the description of all the parameters used by this method:- val: A positive number representing the desired scroll left offset.
Example:
Following is a simple example a simple showing the usage of this method:<html>
<head>
<title>the title</title>
<script type="text/javascript"
src="/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("div.demo").scrollLeft(300);
});
</script>
<style>
div.demo {
background:#CCCCCC none repeat scroll 0 0;
border:3px solid #666666;
margin:5px;
padding:5px;
position:relative;
width:200px;
height:100px;
overflow:auto;
}
p { margin:10px;
padding:5px;
border:2px solid #666;
width:1000px;
height:1000px;
}
</style>
</head>
<body>
<div class="demo"><p>Hello</p></div>
</body>
</html>
No comments: