jQuery | scrollTop() 示例

scrollTop() 方法是 jQuery 中的一个内置方法，用于返回滚动条的垂直顶部位置。

句法：

$(selector).scrollTop(position)

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

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

下面的例子说明了 jQuery 中的 scrollTop() 方法：

例子：

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

输出：
点击按钮前：

上图顶部位置的像素值：