Syntax
โค้ด: เลือกทั้งหมด
.scrollLeft()
.scrollLeft( value )
โค้ด: เลือกทั้งหมด
<html>
<head>
<style>
div.demo {
background:#CCCCCC none repeat scroll 0 0;
border:3px solid #666666;
margin:5px;
padding:5px;
position:relative;
width:500px;
height:100px;
overflow:auto;
}
p { margin:10px;padding:5px;border:2px solid #666;width:1000px;height:1000px; }
</style>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div.demo").scrollLeft(300);
});
</script>
</head>
<body>
<div class="demo"><h1>Mindphp</h1><p>Hello</p></div>
</body>
</html>
จากตัวอย่างเป็นการใช้ jQuery Css กับ .scrollLeft() ในการจัดการกับ element ที่อ้างถึง โดยในตัวอย่าง $("div.demo").scrollLeft(500); เป็นการกำหนด $("div.demo") ให้มีความกว้าง 500 px และจากนั้นจะให้การแสดงผลเป็น Scollbar แทน