以下是jquery滾動到頂部底部代碼的介紹,希望對你有幫助。
jquery滾動到頂部底部是一款簡單的滾動到頂部底部控制。是一個很實用的功能,他能幫助新手和高級開發者們創造美好的用戶體驗。這裡推薦給大家,有需要的小伙伴可以參考下。
HTML
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圖片預加載</title> <link rel="stylesheet" type="text/css" href="css/index.css"> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/index.js"></script> </head> <body> <div class="a"> jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部 </div> <input type="button" class="scrollTop" value="回到頂部"> </body> </html>JS代碼
?
1 2 3 4 5 $(function(){ $(".scrollTop").click(function(){ $('html, body').animate({scrollTop:0}, 'slow');//回到頂部 }) })以上所述就是本文的全部代碼了,希望大家能夠喜歡。