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