如何使用jQuery查找水平滚动位置?

要查找水平滚动位置,请使用jQueryscrollLeft()方法。

示例

您可以尝试运行以下代码以使用jQuery查找水平滚动位置。

<html>
   <head>
   
      <title>jQuery scrollLeft() method</title>
      <script src = "https://cdn.staticfile.org/jquery/3.2.1/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>