-
知識(shí)點(diǎn),主要是使用onscroll獲取到頂部距離,距離大于一屏是,回到首頁(yè)按鈕出現(xiàn);監(jiān)聽(tīng)點(diǎn)擊事件,觸發(fā)后,回到頂部,設(shè)置定時(shí)器用于滾動(dòng)延時(shí)查看全部
-
1、點(diǎn)擊之后讓滾動(dòng)條回到頂部: (1)獲取滾動(dòng)條到頂部的距離var disTop = document.documentElement.scrollTop || document.body.scrollTop; (2)設(shè)置定時(shí)器不斷改寫距離數(shù)值document.documentElement.scrollTop = document.body.scrollTop -= 200; 到達(dá)頂部的時(shí)候清除定時(shí)器:if(disTop == 0){ clearInterval(timer); } (3)定義一個(gè)漸變的速度,讓滾動(dòng)平滑些: var iSpeed = Math.ceil(disTop / 5);//Math.ceil()是為了確保滾動(dòng)條已經(jīng)徹底到頂。 document.documentElement.scrollTop = document.body.scrollTop = disTop - iSpeed; 2、滾動(dòng)條距離頂部一定距離時(shí)讓“回到頂部”出現(xiàn): window.onscroll = function(){ var disTop = document.documentElement.scrollTop || document.body.scrollTop; if(disTop >= clientHeight){ oBtn.style.display = "block"; }else{ oBtn.style.display = "none"; } }查看全部
-
錨鏈接查看全部
-
錨鏈接查看全部
-
回到頂部的知識(shí)點(diǎn)查看全部
-
設(shè)置頁(yè)面的自動(dòng)居中查看全部
-
設(shè)置頁(yè)面的自動(dòng)居中 設(shè)置“回到頂部”按鈕的固定定位狀態(tài)查看全部
-
doucument.documentElement.clientHeight; 獲取頁(yè)面可視區(qū)高度查看全部
-
Math.floor() 向下舍入取證 10.9=10查看全部
-
回到頂部知識(shí)點(diǎn)查看全部
-
....查看全部
-
3.Js中!取反查看全部
-
1.用數(shù)學(xué)函數(shù)Math.floor向下取整。 2.創(chuàng)建數(shù)字變量的時(shí)候沒(méi)有改變運(yùn)算符號(hào),要注意+—符號(hào)的聯(lián)動(dòng)影響。查看全部
-
JS實(shí)現(xiàn)回到頂部的主要知識(shí)點(diǎn)!查看全部
-
1、點(diǎn)擊之后讓滾動(dòng)條回到頂部: (1)獲取滾動(dòng)條到頂部的距離var disTop = document.documentElement.scrollTop || document.body.scrollTop; (2)設(shè)置定時(shí)器不斷改寫距離數(shù)值document.documentElement.scrollTop = document.body.scrollTop -= 200; 到達(dá)頂部的時(shí)候清除定時(shí)器:if(disTop == 0){ clearInterval(timer); } (3)定義一個(gè)漸變的速度,讓滾動(dòng)平滑些: var iSpeed = Math.ceil(disTop / 5);//Math.ceil()是為了確保滾動(dòng)條已經(jīng)徹底到頂。 document.documentElement.scrollTop = document.body.scrollTop = disTop - iSpeed; 2、滾動(dòng)條距離頂部一定距離時(shí)讓“回到頂部”出現(xiàn): window.onscroll = function(){ var disTop = document.documentElement.scrollTop || document.body.scrollTop; if(disTop >= clientHeight){ oBtn.style.display = "block"; }else{ oBtn.style.display = "none"; } } 3、中止?jié)L動(dòng)查看全部
舉報(bào)
0/150
提交
取消