jQuery.scrollLeft()如何工作?

scrollLeft()方法获取第一个匹配元素的向左滚动偏移量。此方法适用于可见和隐藏元素。

示例

您可以尝试运行以下代码来学习如何使用jQuery.scrollLeft()方法:

<html>
   <head>
   
      <title>jQuery scrollLeft() method</title>
      <script src = "https://cdn.staticfile.org/jquery/2.1.3/jquery.min.js"></script>
       
      <script>
         $(document).ready(function(){
            $("div.demo").scrollLeft( 200 );
               
            $("div.demo").mousemove(function () {
               var left = $("div.demo").scrollLeft();
               $("#result").html("left offset: <span>" + left + "</span>.");
            });
         });
      </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;
         }
         
         div.result {
            margin:10px;
            width:100px;
            height:100px;
            margin:5px;
            float:left;
            background-color:blue;
         }
         
         p {
            margin:10px;
            padding:5px;
            border:2px solid #666;
            width:1000px;
            height:1000px;
         }
      </style>
       
   </head>
   
   <body>
      <div class = "demo"><p>Hello</p></div>
      <span>Scroll horizontal button to see the result:</span>
      <div class = "result"><span id = "result"></span></div>
   </body>
</html>