javascript 回到頂部效果的實現(xiàn)代碼
更新時間：2014年02月17日 09:02:21 作者：
本篇文章主要是對javascript 回到頂部效果的實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
復制代碼 代碼如下:
//speed 滾動速度 time 時間間隔
function gotoTop(speed,time){
speed = speed || 0.1;
time = time || 16;
// 滾動條到頁面頂部的水平距離
var x = document.body.scrollLeft;
// 滾動條到頁面頂部的垂直距離
var y = document.body.scrollTop;
// 滾動距離 = 目前距離 / 速度, 因為距離原來越小, 速度是大于 1 的數(shù), 所以滾動距離會越來越小
speed++;
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
// 如果距離不為零, 繼續(xù)調用迭代本函數(shù)
if(x > 0 || y > 0) {
window.setTimeout("gotoTop(" + speed + ", " + time + ")", time);
}
}
相關文章
這篇文章主要介紹了微信JS接口匯總及使用詳解，十分的全面、詳盡，包含分享到朋友圈，分享給朋友，分享到QQ，拍照或從手機相冊中選圖，識別音頻并返回識別結果，使用微信內置地圖查看位置等接口，有需要的小伙伴參考下吧2015-01-01
這篇文章主要為大家詳細介紹了如何通過bootstrap學習less,LESS CSS是一種動態(tài)樣式語言，屬于CSS預處理語言的一種，感興趣的朋友可以參考下2016-11-11
本篇文章主要介紹了JavaScript的冒泡排序，對其進行示例解析，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
篇文章主要為大家詳細介紹了JavaScript?異步ajax，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下嗎，希望能夠給你帶來幫助2022-03-03
JavaScript編寫Chrome擴展實現(xiàn)與瀏覽器的交互及時間通知
得益于API,我們可以用JavaScript編寫Chrome擴展實現(xiàn)與瀏覽器的交互及時間通知。值得一提的是現(xiàn)在Chrome擁有后臺進程可以使通知在前臺瀏覽器關閉的情況下依然能夠生效.2016-05-05
javascript表單處理具體實現(xiàn)代碼(表單、鏈接、按鈕)
這篇文章主要介紹了javascript表單處理具體實現(xiàn)代碼，包括各種表單、鏈接、按鈕控件介紹，感興趣的朋友可以參考一下2016-05-05
最近看了一本書，發(fā)現(xiàn)了個計算代碼執(zhí)行時間的方法，感覺還挺有用的，所以這篇文章主要給大家介紹了關于Javascript利用console計算代碼運行時間的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下。2017-09-09
在本篇文章里我們給大家分享了關于JS實現(xiàn)十分鐘倒計時的相關實例代碼，有需要的朋友們可以學習下。2018-10-10
Javascript數(shù)組的?splice?方法詳細介紹
這篇文章主要介紹了Javascript數(shù)組的splice方法詳細介紹，splice方法通過刪除或替換現(xiàn)有元素或者原地添加新的元素來修改數(shù)組,并以數(shù)組形式返回被修改的內容。此方法會改變原數(shù)組2022-09-09
本篇文章主要是對JS中的構造函數(shù)進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03