課程
/前端開發(fā)
/HTML/CSS
/回到頂部效果
請問老師,chrome下有bug該怎么解決?(第一次點擊回到頂部后,無法繼續(xù)使用onscroll事件了)
2014-07-25
源自:回到頂部效果 4-4
正在回答
謝謝老師的回復(fù)!關(guān)于瀏覽器在js方面的兼容性問題一直不怎么懂,沒研究過; 上次做回到頂部的練習(xí)發(fā)現(xiàn)chrome下一直沒有回到頂部,有4個像素的距離(大概是滾動條的小箭頭的高度吧),后來把if(scrollTop == 0)改為if(scrollTop <= 4)以后問題消失了;
不知道這個是不是你想要的:有時在頁面上,需要Fixed(css里的position屬性)的效果,用JS實現(xiàn)的話,在如題的三個平臺可以這樣寫: 其中document.documentElement.scrollTop + document.body.scrollTop;就是處理兼容性的關(guān)鍵,當(dāng)頁面加入DTD標(biāo)示后 document.documentElement.scrollTop的值在IE和FF下正常,但document.body.scrollTop一直為0。在Chrome下就反過來了。 labeller_layer是一個我想隨著滾輪移動的層以上是針對onscroll事件平臺兼容性的一個總
舉報
回到頂部網(wǎng)站不可缺少的一部分,用JS實現(xiàn)炫酷拉風(fēng)的回到頂部效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2014-07-29
謝謝老師的回復(fù)!關(guān)于瀏覽器在js方面的兼容性問題一直不怎么懂,沒研究過; 上次做回到頂部的練習(xí)發(fā)現(xiàn)chrome下一直沒有回到頂部,有4個像素的距離(大概是滾動條的小箭頭的高度吧),后來把if(scrollTop == 0)改為if(scrollTop <= 4)以后問題消失了;
2014-07-28
不知道這個是不是你想要的:有時在頁面上,需要Fixed(css里的position屬性)的效果,用JS實現(xiàn)的話,在如題的三個平臺可以這樣寫: 其中document.documentElement.scrollTop + document.body.scrollTop;就是處理兼容性的關(guān)鍵,當(dāng)頁面加入DTD標(biāo)示后 document.documentElement.scrollTop的值在IE和FF下正常,但document.body.scrollTop一直為0。在Chrome下就反過來了。 labeller_layer是一個我想隨著滾輪移動的層以上是針對onscroll事件平臺兼容性的一個總