📜  jQuery | scrollLeft() 示例

📅  最后修改于: 2021-11-25 03:56:43             🧑  作者: Mango

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

句法:

$(selector).scrollLeft(position)

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

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

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

示例 1:



    
        scrollLeft method
        
          
        
        
        
    
    
        
            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!.         
        
                                  

输出:
点击按钮前:

箭头所示返回的位置:

示例 2:



    
        scrollLeft method
        
          
        
        
        
    
    
        
            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!.         
        
                                 

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

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