jquery滾動到頂部底部代碼
更新時間：2015年04月20日 11:43:35 投稿：hebedich
jquery滾動到頂部底部是一款簡單的滾動到頂部底部控制。是一個很實用的功能，他能幫助新手和高級開發(fā)者們創(chuàng)造美好的用戶體驗。這里推薦給大家，有需要的小伙伴可以參考下。
HTML
<!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代碼
$(function(){
$(".scrollTop").click(function(){
$('html, body').animate({scrollTop:0}, 'slow');//回到頂部
})
})
以上所述就是本文的全部代碼了，希望大家能夠喜歡。
相關文章
這篇文章主要介紹了jquery使用hide方法隱藏指定id的元素,實例分析了jQuery中hide隱藏指定id元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
暫時都使用xml格式, 方便傳播, 制作電子書.2009-11-11
jQuery1.9.1針對checkbox的調整方法(prop)
這篇文章主要介紹了jQuery1.9.1針對checkbox的調整方法，用prop代替attr2014-05-05
jQuery ul標簽下拉菜單演示代碼，需要使用基于jquery的下拉菜單效果的朋友可以參考下。2010-12-12
jQuery圖片切換插件jquery.cycle.js使用示例
Cycle供了非常好的功能來幫助大家更簡單的使用插件的幻燈功能，下面是它的一個非常不錯的示例，大家可以學習下2014-06-06
這篇文章介紹了Jquery定義對象(閉包)與擴展對象成員的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
CSS3 media queries結合jQuery實現(xiàn)響應式導航
這篇文章主要為大家詳細介紹了CSS3 media queries結合jQuery實現(xiàn)響應式導航,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了jquery中EasyUI使用技巧小結,都是些個人經(jīng)驗，分享給大家，需要的朋友可以參考下2015-02-02
這篇文章主要介紹了CSS+jQuery實現(xiàn)簡單的折疊菜單的代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2016-12-12
通過jquery獲取ul中第一個li的屬性，當加載列表時，默認希望選中第一條，下面是具體的實現(xiàn)代碼2014-11-11