課程
/前端開(kāi)發(fā)
/HTML/CSS
/回到頂部效果
請(qǐng)問(wèn)，點(diǎn)擊回到頂部之后，事件觸發(fā)的順序是怎樣的？
2015-05-05
源自：回到頂部效果 4-1
正在回答
剛才理解錯(cuò)了，應(yīng)該是這樣－首先你點(diǎn)擊回到頂部時(shí)，滾動(dòng)條開(kāi)始往回滾，這時(shí)候istop為true,因?yàn)闈L動(dòng)條滾動(dòng)觸發(fā)window.onscroll 事件，!istop為false不執(zhí)行clearInterval(timer);但是下面的isTop=false;再將isTop置為false。這時(shí)候你人為滾動(dòng)鼠標(biāo)，則再次觸發(fā)window.onscroll 事件，此時(shí)！istop為true 執(zhí)行clearInterval(timer);則滾動(dòng)條停下來(lái)
salamonjakro
當(dāng)滾動(dòng)條返回頂部的時(shí)候是不觸發(fā)window.onscroll的，所以一直向上，當(dāng)你鼠標(biāo)點(diǎn)擊要停止時(shí)，鼠標(biāo)雖然是一點(diǎn)，但是電腦就會(huì)看成是滾動(dòng)，這是觸發(fā)window.onscroll，清除計(jì)時(shí)器，從而停止返回頂部的動(dòng)作。
舉報(bào)
回到頂部網(wǎng)站不可缺少的一部分，用JS實(shí)現(xiàn)炫酷拉風(fēng)的回到頂部效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-10-22
剛才理解錯(cuò)了，應(yīng)該是這樣－首先你點(diǎn)擊回到頂部時(shí)，滾動(dòng)條開(kāi)始往回滾，這時(shí)候istop為true,因?yàn)闈L動(dòng)條滾動(dòng)觸發(fā)window.onscroll 事件，!istop為false不執(zhí)行clearInterval(timer);但是下面的isTop=false;再將isTop置為false。這時(shí)候你人為滾動(dòng)鼠標(biāo)，則再次觸發(fā)window.onscroll 事件，此時(shí)！istop為true 執(zhí)行clearInterval(timer);則滾動(dòng)條停下來(lái)
2015-10-22
當(dāng)滾動(dòng)條返回頂部的時(shí)候是不觸發(fā)window.onscroll的，所以一直向上，當(dāng)你鼠標(biāo)點(diǎn)擊要停止時(shí)，鼠標(biāo)雖然是一點(diǎn)，但是電腦就會(huì)看成是滾動(dòng)，這是觸發(fā)window.onscroll，清除計(jì)時(shí)器，從而停止返回頂部的動(dòng)作。