-
知識點，主要是使用onscroll獲取到頂部距離，距離大于一屏是，回到首頁按鈕出現；監聽點擊事件，觸發后，回到頂部，設置定時器用于滾動延時查看全部
-
1、點擊之后讓滾動條回到頂部： （1）獲取滾動條到頂部的距離var disTop = document.documentElement.scrollTop || document.body.scrollTop; （2）設置定時器不斷改寫距離數值document.documentElement.scrollTop = document.body.scrollTop -= 200； 到達頂部的時候清除定時器：if(disTop == 0){ clearInterval(timer); } （3）定義一個漸變的速度，讓滾動平滑些： var iSpeed = Math.ceil(disTop / 5);//Math.ceil()是為了確保滾動條已經徹底到頂。 document.documentElement.scrollTop = document.body.scrollTop = disTop - iSpeed; 2、滾動條距離頂部一定距離時讓“回到頂部”出現： window.onscroll = function(){ var disTop = document.documentElement.scrollTop || document.body.scrollTop; if(disTop >= clientHeight){ oBtn.style.display = "block"; }else{ oBtn.style.display = "none"; } }查看全部
-
錨鏈接查看全部
-
錨鏈接查看全部
-
回到頂部的知識點查看全部
-
設置頁面的自動居中查看全部
-
設置頁面的自動居中 設置“回到頂部”按鈕的固定定位狀態查看全部
-
doucument.documentElement.clientHeight； 獲取頁面可視區高度查看全部
-
Math.floor() 向下舍入取證 10.9=10查看全部
-
回到頂部知識點查看全部
-
....查看全部
-
3.Js中！取反查看全部
-
1.用數學函數Math.floor向下取整。 2.創建數字變量的時候沒有改變運算符號，要注意＋—符號的聯動影響。查看全部
-
JS實現回到頂部的主要知識點！查看全部
-
1、點擊之后讓滾動條回到頂部： （1）獲取滾動條到頂部的距離var disTop = document.documentElement.scrollTop || document.body.scrollTop; （2）設置定時器不斷改寫距離數值document.documentElement.scrollTop = document.body.scrollTop -= 200； 到達頂部的時候清除定時器：if(disTop == 0){ clearInterval(timer); } （3）定義一個漸變的速度，讓滾動平滑些： var iSpeed = Math.ceil(disTop / 5);//Math.ceil()是為了確保滾動條已經徹底到頂。 document.documentElement.scrollTop = document.body.scrollTop = disTop - iSpeed; 2、滾動條距離頂部一定距離時讓“回到頂部”出現： window.onscroll = function(){ var disTop = document.documentElement.scrollTop || document.body.scrollTop; if(disTop >= clientHeight){ oBtn.style.display = "block"; }else{ oBtn.style.display = "none"; } } 3、中止滾動查看全部
舉報
0/150
提交
取消