有些網(wǎng)站當(dāng)你滾動到一定的位置之后,導(dǎo)航條會懸浮或者是換另外一種樣式出現(xiàn)在最頂部,他是怎么來實(shí)現(xiàn),比如我們的馬紅旗小兒推拿項(xiàng)目中,導(dǎo)航就用到了跟隨滾動條懸?。?/p>
這個效果特別簡單,他是這么來實(shí)現(xiàn)的:
首先引入jquery:
然后用jquery代碼來控制他:
當(dāng)然你得有寫好的樣式:
當(dāng)滾動條從最頂端滾動到120像素的時候,給header追加dingwei這個class,然后他就懸浮了,當(dāng)然當(dāng)你滾動回去的時候肯定得恢復(fù)他原來的樣子,那么就用removeCLass把dingwei這個類名給移除掉就可以了,這樣導(dǎo)航跟隨滾動條懸浮就實(shí)現(xiàn)了。