javascript 回到頂部效果的實(shí)現(xiàn)代碼
//speed 滾動(dòng)速度 time 時(shí)間間隔
function gotoTop(speed,time){
speed = speed || 0.1;
time = time || 16;
// 滾動(dòng)條到頁(yè)面頂部的水平距離
var x = document.body.scrollLeft;
// 滾動(dòng)條到頁(yè)面頂部的垂直距離
var y = document.body.scrollTop;
// 滾動(dòng)距離 = 目前距離 / 速度, 因?yàn)榫嚯x原來(lái)越小, 速度是大于 1 的數(shù), 所以滾動(dòng)距離會(huì)越來(lái)越小
speed++;
window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));
// 如果距離不為零, 繼續(xù)調(diào)用迭代本函數(shù)
if(x > 0 || y > 0) {
window.setTimeout("gotoTop(" + speed + ", " + time + ")", time);
}
}
- js+css實(shí)現(xiàn)回到頂部按鈕(back to top)
- javascript實(shí)現(xiàn)回到頂部特效
- 用原生js做個(gè)簡(jiǎn)單的滑動(dòng)效果的回到頂部
- 原生js實(shí)現(xiàn)淘寶首頁(yè)點(diǎn)擊按鈕緩慢回到頂部效果
- JavaScript簡(jiǎn)單實(shí)現(xiàn)網(wǎng)頁(yè)回到頂部功能
- js隱藏與顯示回到頂部按鈕及window.onscroll事件應(yīng)用
- 頁(yè)面回到頂部的三種實(shí)現(xiàn)(錨標(biāo)記,js)
- js滾動(dòng)條回到頂部的代碼
- 實(shí)現(xiàn)變速回到頂部的JavaScript代碼
- javascript回到頂部特效
相關(guān)文章
通過(guò)bootstrap全面學(xué)習(xí)less
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)bootstrap學(xué)習(xí)less,LESS CSS是一種動(dòng)態(tài)樣式語(yǔ)言,屬于CSS預(yù)處理語(yǔ)言的一種,感興趣的朋友可以參考下2016-11-11JavaScript編寫Chrome擴(kuò)展實(shí)現(xiàn)與瀏覽器的交互及時(shí)間通知
得益于API,我們可以用JavaScript編寫Chrome擴(kuò)展實(shí)現(xiàn)與瀏覽器的交互及時(shí)間通知。值得一提的是現(xiàn)在Chrome擁有后臺(tái)進(jìn)程可以使通知在前臺(tái)瀏覽器關(guān)閉的情況下依然能夠生效.2016-05-05javascript表單處理具體實(shí)現(xiàn)代碼(表單、鏈接、按鈕)
這篇文章主要介紹了javascript表單處理具體實(shí)現(xiàn)代碼,包括各種表單、鏈接、按鈕控件介紹,感興趣的朋友可以參考一下2016-05-05Js利用console計(jì)算代碼運(yùn)行時(shí)間的方法示例
最近看了一本書,發(fā)現(xiàn)了個(gè)計(jì)算代碼執(zhí)行時(shí)間的方法,感覺還挺有用的,所以這篇文章主要給大家介紹了關(guān)于Javascript利用console計(jì)算代碼運(yùn)行時(shí)間的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下。2017-09-09JS實(shí)現(xiàn)十分鐘倒計(jì)時(shí)代碼實(shí)例
在本篇文章里我們給大家分享了關(guān)于JS實(shí)現(xiàn)十分鐘倒計(jì)時(shí)的相關(guān)實(shí)例代碼,有需要的朋友們可以學(xué)習(xí)下。2018-10-10Javascript數(shù)組的?splice?方法詳細(xì)介紹
這篇文章主要介紹了Javascript數(shù)組的splice方法詳細(xì)介紹,splice方法通過(guò)刪除或替換現(xiàn)有元素或者原地添加新的元素來(lái)修改數(shù)組,并以數(shù)組形式返回被修改的內(nèi)容。此方法會(huì)改變?cè)瓟?shù)組2022-09-09