用window.onscroll實(shí)現(xiàn)現(xiàn)在很流行的當(dāng)頁(yè)面往下滑動(dòng)的時(shí)候,導(dǎo)航欄的渲染會(huì)發(fā)生變化然后置頂,明確一點(diǎn)就是,當(dāng)向下滑動(dòng)的時(shí)候給導(dǎo)航欄增加一個(gè)類(lèi)名,否則刪除這個(gè)類(lèi)名。我寫(xiě)的可以實(shí)現(xiàn),但是不穩(wěn)定,有時(shí)候就需要多滑動(dòng)幾次才會(huì)發(fā)生變化,而且如果當(dāng)頁(yè)面不處于最開(kāi)始的位置進(jìn)行刷新的話,就不會(huì)實(shí)現(xiàn)。這是我的這部分js代碼:window.onscroll = function() { var topScroll = document.body.scrollTop; //滾動(dòng)的距離,距離頂部的距離 var index_nav = document.getElementById("index_nav"); if (topScroll >= 30) { addclass(index_nav, "top_nav_collapse"); } else { removeclass(index_nav, "top_nav_collapse"); }}然后這是我的addclass和removeclass代碼,這部分應(yīng)該是沒(méi)有問(wèn)題的拜托拜托~求解決~
window.onscroll實(shí)現(xiàn)下滑頁(yè)面時(shí),導(dǎo)航欄發(fā)生變化,但是實(shí)現(xiàn)不穩(wěn)定,也很卡
鴻蒙傳說(shuō)
2018-12-20 18:14:44