在網(wǎng)頁(yè)開(kāi)發(fā)建設的過(guò)程中,我們常常會(huì )需要用到這樣的效果,比如說(shuō),某個(gè)位于BANNER下面的多個(gè)二級橫向導航在網(wǎng)頁(yè)下滑到一定程序的時(shí)候,讓這個(gè)二級導航永遠置于頂部顯示,以方便快速切換欄目。又或者是在下沒(méi)有過(guò)的時(shí)候,一級菜單也永遠置于頂部,永遠顯示。
成都黑馬視覺(jué)在網(wǎng)站建設過(guò)程中,總結了很多比較實(shí)用簡(jiǎn)單的代碼,下面是我們針對以上效果的一種醉簡(jiǎn)單方便的處理。
手先,我們的要定位的菜單使用樣式:.pc_nav_box,你也可以命名為其他的類(lèi)。只是保持一致就可以了。
然后引入JQ,版本好像不怎么限制。隨便哪一個(gè)吧。
第三步:使用我們下面的代碼。
CSS大概的意思是以這個(gè)DIV一個(gè)FIXED屬性,然后永遠在TOP為0的位置,背景給了黑色。
JS的意思是下滑大于105的時(shí)候,添加topcur這個(gè)屬性,就實(shí)現了我們想要的效果。
