jQuery | scrollTop（）及其示例-yiteyi-C++库

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

null

语法：

$(selector).scrollTop(position)

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

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

下面的示例演示了jQuery中的scrollTop（）方法：

例子：

                     <!DOCTYPE html>                   
                     <                               html                               >                   
                                         <                               head                               >                   
                                         <                               title                               >scrollTop method</                               title                               >                   
                                         <                               script                               src                               =                   
                                         "                       https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js                      "                               >                   
                                         </                               script                               >                   
                             
                                         <!-- jQuery code to show the working of this method -->                   
                                         <                               script                               >                   
                                         $(document).ready(function() {                   
                                         $("button").click(function() {                   
                                         alert($("div").scrollTop() + " px");                   
                                         });                   
                                         });                   
                                         </                               script                               >                   
                                         <                               style                               >                   
                                         div {                   
                                         border: 1px solid black;                   
                                         width: 100px;                   
                                         height: 150px;                   
                                         overflow: auto;                   
                                         }                   
                                         </                               style                               >                   
                                         </                               head                               >                   
                                         <                               body                               >                   
                                         <                               div                               >                   
                                         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!</                               div                               >                   
                                         <                               br                               >                   
                             
                                         <!-- move the scroll bar and click on this button -->                   
                                         <                               button                               >Click Here !</                               button                               >                   
                                         </                               body                               >                   
                     </                               html                               >                   

输出： 单击按钮之前：图片[1]-jQuery | scrollTop（）及其示例-yiteyi-C++库上图所示顶部位置的像素值：图片[2]-jQuery | scrollTop（）及其示例-yiteyi-C++库

文章版权归作者所有，未经允许请勿转载。

THE END

Javascript