-
主要知識(shí)點(diǎn)查看全部
-
定時(shí)器： 1.setInterval() 設(shè)置定時(shí)器，需要兩個(gè)參數(shù) 2.clearInterval() 關(guān)閉定時(shí)器，需要一個(gè)參數(shù)查看全部
-
事件運(yùn)用 1.window.onload 頁(yè)面加載完畢后觸發(fā) 2.onclick 點(diǎn)擊后觸發(fā) 3.window.onscroll 滾動(dòng)條滾動(dòng)時(shí)觸發(fā)查看全部
-
document.getElementById 根據(jù)ID獲取標(biāo)簽元素 document.documentElement.scrollTop 滾動(dòng)條的數(shù)值，可讀寫(xiě)查看全部
-
滾動(dòng)條滾動(dòng)時(shí)，取消回到頂部計(jì)時(shí)器查看全部
-
使用正值可能會(huì)剩 5px，滾動(dòng)條到達(dá)不到頂部，使用賦值然后使用Math.floor(-osTop / 6);查看全部
-
使用高度除以一個(gè)數(shù)可以得到越來(lái)越小的數(shù)，達(dá)到從快到慢的一個(gè)緩沖過(guò)程 var ispeed = osTop / 5;查看全部
-
我發(fā)現(xiàn)一個(gè)Bug 當(dāng)連續(xù)點(diǎn)擊返回頂部時(shí)，滾動(dòng)條就拉不下來(lái)了。 所以我改動(dòng)代碼如下： window.onload = function() { var topBtn = document.getElementById("topBtn"); var timer = null; var isTop = true; var flag = true; topBtn.addEventListener("click", function() { if (!flag) return; timer = setInterval(backToTop, 30); flag = false; }); function backToTop() { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var speed = Math.ceil(scrollTop / 7); document.documentElement.scrollTop = document.body.scrollTop = scrollTop - speed; isTop = true; if (scrollTop == 0) { clearInterval(timer); flag = true; } } window.addEventListener("scroll", function() { if (!isTop) { clearInterval(timer); flag = true; } isTop = false; }); }查看全部
-
錨鏈接的優(yōu)缺點(diǎn)查看全部
-
返回頂部時(shí)中途中斷查看全部
-
返回頂部主要知識(shí)點(diǎn)查看全部
-
返回頂部的知識(shí)點(diǎn)查看全部
-
用js實(shí)現(xiàn)回到頂部的效果，需要注意到的知識(shí)點(diǎn)：查看全部
-
雖然jquery很簡(jiǎn)單。。但原生JS講到的邏輯真的需要多研究一下。。。查看全部
舉報(bào)
0/150
提交
取消