jQuery | scrollLeft() 示例

scrollLeft() 方法是jQuery 中的一个内置方法，用于返回或设置滚动条的水平位置。

句法：

$(selector).scrollLeft(position)

参数：此方法接受可选的单个参数位置。它用于以像素为单位指定水平滚动条位置。

返回值：此方法返回滚动条的位置。

下面的示例说明了 jQuery 中的 scrollLeft() 方法。

示例 1：

    
        scrollLeft method
        
        
          
        
        
            $(document).ready(function() {
                $("button").click(function() {
                    alert($("div").scrollLeft() + " px");
                });
            });
        
        
            div {
                border: 1px solid black;
                width: 140px;
                height: 120px;
                overflow: auto
            }
        
    
    
        
            welcome to GeeksforGeeks!. Welcome to GeeksforGeeks1.welcome
            to GeeksforGeeks!. Welcome to GeeksforGeeks1. Welcome to 
            GeeksforGeeks!. Welcome to GeeksforGeeks!.welcome to 
            GeeksforGeeks!. Welcome to GeeksforGeeks1. Welcome to GeeksforGeeks!.
        
        
        
        Click Here!
       
    
   

输出：
点击按钮前：

箭头所示返回的位置：

示例 2：

    
        scrollLeft method
        
        
          
        
        
            $(document).ready(function() {
                $("button").click(function() {
                    $("div").scrollLeft(100);
                });
            });
        
        
            div {
                border: 1px solid black;
                width: 140px;
                height: 120px;
                overflow: auto
            }
        
    
    
        
            welcome to GeeksforGeeks!. Welcome to GeeksforGeeks1.welcome
            to GeeksforGeeks!. Welcome to GeeksforGeeks1. Welcome to
            GeeksforGeeks!. Welcome to GeeksforGeeks!.welcome to 
            GeeksforGeeks!. Welcome to GeeksforGeeks1. Welcome to
            GeeksforGeeks!.
        
        
          
        
        Click Here!
    

输出：
在单击箭头所示的按钮位置之前。

单击箭头所示的按钮位置后。