jquery返回頂部功能如何實現

在jquery中，可以使用scroll()方法，通過if判斷，實現回到頂部的功能。下面小編舉例講解jquery返回頂部功能如何實現。

東西/原料

1
新建一個html文件，定名為test.html，用于講解jquery返回頂部功能若何實現。
2
在test.html文件內，利用a標簽建立一個回到頂部的鏈接，并設置其id屬性為btn。
3
在css標簽內，經由過程id給a標簽設置樣式，界說其位置為頁面右下解。
4
在js標簽中，利用ready()方式在頁面加載完當作時，經由過程hide()方式將a標簽埋沒。
5
在js標簽中，再經由過程scroll()方式，經由過程if判定，當滾動條的位置處于距頂部50像素以下時，跳轉鏈接呈現（fadeIn），不然消逝(fadeOut)。當點擊跳轉鏈接后，將scrollTop設置為0，回到頁面頂部位置。
6
在瀏覽器打開test.html文件，點擊回到頂部，查看實現的結果。
END