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