點選TOP后并不是直接跳到頁頂?shù)模菨L動上去的

更新時間：2007年02月23日 00:00:00 作者：

如果網(wǎng)頁太長了，一般都使用錨標簽快速返回到TOP
<a href="#header" title="back to top">top</a> 確實很簡單，不過卻有一些高手讓這個簡變成不簡單：

國外演示地址：http://tonyyoo.com/v2/

點選TOP后并不是直接跳到頁頂?shù)模菨L動上去的。。而且距離頁頂越長滾動的速度也就越快。。。

研究了下，用到的JS有4個：
<script type="text/javascript" src="scripts/prototype.lite.js"></script>
<script type="text/javascript" src="scripts/moo.fx.js"></script>
<script type="text/javascript" src="scripts/moo.fx.pack.js"></script>
<script type="text/javascript" src="scripts/pageScroll.js"></script>

看起來都好復雜。。不知道有沒有可以精簡點的代碼可以實現(xiàn)同樣的效果呢，我是做不來的了。。
在頁面onload之后，遍歷所有超鏈接，判斷href中是否有#header，有的話觸發(fā)scrollTo即可。。。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

點選TOP后并不是直接跳到頁頂?shù)?/a>

而是滾動上去的

JavaScript中的this例題實戰(zhàn)總結詳析
使用JavaScript開發(fā)的時候,很多人多多少少都會被this的指向問題搞蒙圈,下面這篇文章主要給大家介紹了關于JavaScript中this例題實戰(zhàn)的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-06-06
axios?POST提交數(shù)據(jù)的三種請求方式寫法示例
這篇文章主要介紹了axios?POST提交數(shù)據(jù)的三種請求方式寫法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-09-09
下拉菜單點擊實現(xiàn)連接跳轉功能的js代碼
下拉菜單點擊實現(xiàn)連接跳轉效果想必不是很常見吧，下面與大家分享下具體的實現(xiàn)另有實例，感興趣的朋友可以參考下哈
2013-05-05
詳解ES6中的代理模式——Proxy
這篇文章主要介紹了詳解ES6中的代理模式——Proxy，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-01-01
JS獲取動態(tài)添加元素的方法詳解
這篇文章主要介紹了JS獲取動態(tài)添加元素的方法,結合實例形式分析了js動態(tài)添加DOM元素及獲取已添加的DOM元素相關操作技巧,需要的朋友可以參考下
2019-07-07
BootStrap表單驗證 FormValidation 調整反饋圖標位置的實例代碼
這篇文章主要介紹了BootStrap表單驗證 FormValidation 調整反饋圖標位置的實例代碼,需要的朋友可以參考下
2017-05-05
60行js代碼實現(xiàn)俄羅斯方塊
這篇文章主要介紹了60行js代碼實現(xiàn)俄羅斯方塊，可能會有些小bug，不過總體上還是比較不錯的。大伙來研究下代碼，給出意見。
2015-03-03
JavaScript實現(xiàn)的數(shù)字與字符串轉換功能示例
這篇文章主要介紹了JavaScript實現(xiàn)的數(shù)字與字符串轉換功能,涉及javascript數(shù)字、字符串等運算與轉換相關操作技巧,需要的朋友可以參考下
2017-08-08
HTTP?302?redirect應用及介紹
這篇文章主要為大家介紹了HTTP?302?redirect應用及作用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-12-12
從數(shù)據(jù)庫讀取數(shù)據(jù)后將其輸出成html標簽的三種方法
需要輸出成html標簽時編譯器卻自動幫我們輸出成字符串，這該怎么辦？下面有個三個解決方法，一一測試便知其效果是如何
2014-10-10