jquery滾動到頂部底部代碼
更新時間：2015年04月20日 11:43:35 投稿：hebedich
jquery滾動到頂部底部是一款簡單的滾動到頂部底部控制。是一個很實(shí)用的功能，他能幫助新手和高級開發(fā)者們創(chuàng)造美好的用戶體驗。這里推薦給大家，有需要的小伙伴可以參考下。
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滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部jquery滾動到頂部底部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');//回到頂部
})
})
以上所述就是本文的全部代碼了，希望大家能夠喜歡。
相關(guān)文章
jQuery事件之鍵盤事件(ctrl+Enter回車鍵提交表單等)
鍵盤事件處理所有用戶在鍵盤敲擊的情況，不管在文本輸入?yún)^(qū)域內(nèi)部還是外部，這里介紹下jquery鍵盤事件的相關(guān)知識，需要的朋友可以參考下2014-05-05
這篇文章主要介紹了jquery的常用選取方法都有哪些？不是很清楚的朋友可以參考下2014-05-05
這篇文章主要介紹了jQuery仿寫百度百科的目錄樹醫(yī)保詞條樣式，點(diǎn)擊右側(cè)的目錄樹，左側(cè)跳轉(zhuǎn)到指定的錨點(diǎn)位置，滾動鼠標(biāo)，游標(biāo)跟隨一起滾動至響應(yīng)鏈接位置，具體實(shí)現(xiàn)思路大家參考下本文2017-01-01
each() 方法規(guī)定為每個匹配元素規(guī)定運(yùn)行的函數(shù)。這篇文章主要給大家介紹jQuery中each方法的使用詳解，需要的朋友參考下吧2018-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery表單事件實(shí)例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了淺談jQuery.easyui的datebox格式化時間的方法,需要的朋友可以參考下2015-06-06
在jQuery1.5中使用deferred對象 著放大鏡看Promise
在那篇經(jīng)典的關(guān)于jQuery1.5中Deferred使用方法介紹的文章中（譯文見這里），有下面一段描述2011-03-03
jquery ajaxSubmit 異步提交的簡單實(shí)現(xiàn)
這篇文章主要介紹了jquery ajaxSubmit 異步提交的簡單實(shí)現(xiàn)。需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
JQuery 實(shí)現(xiàn)文件下載的常用方法分析
這篇文章主要介紹了JQuery 實(shí)現(xiàn)文件下載的常用方法,結(jié)合實(shí)例形式分析了jQuery的GET方式、POST方式及HTML5 Blob對象等常見的文件下載機(jī)制、原理與實(shí)現(xiàn)方法,需要的朋友可以參考下2019-10-10
jquery siblings獲取同輩元素用法實(shí)例分析
這篇文章主要介紹了jquery siblings獲取同輩元素用法,結(jié)合實(shí)例形式分析了jQuery使用siblings遍歷同級元素的相關(guān)技巧,需要的朋友可以參考下2016-07-07