scrollLeft(val) trong jQuery

Miêu tả

Phương thức scrollLeft(val) trong jQuery được sử dụng để thiết lập scrollleft offset tới giá trị đã truyền trên tất cả phần tử đã so khớp.

Phương thức này làm việc với cả phần tử nhìn thấy và bị ẩn.

Cú pháp

Sau đây là cú pháp cho scrollLeft(val) trong jQuery:

selector.scrollLeft( val )

Tham số

Dưới đây miêu tả chi tiết về các tham số được sử dụng trong phương thức scrollLeft(val) trong jQuery:

• val − Một số dương biểu diễn scrollleft offset bạn muốn.

Ví dụ

Sau đây là ví dụ đơn giản minh họa cách sử dụng của phương thức scrollLeft(val) trong jQuery:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.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>

Nó sẽ cho kết quả:

Các bài học jQuery khác tại VietJack:

• jQuery là gì
• jQuery - Cơ bản
• jQuery - Selector
• jQuery - Thuộc tính
• jQuery - Traverse