_positionabsolute_backgroundattachmentfixed_topexpressioneval_bottomauto 可能我誤會(huì)了你的意思，這樣的話你只需把zindex改成正值999就行了，你這負(fù)值肯定會(huì)在頁面下面；footmenuwidth100%height60pxbackground#000positionfixedbottom0**距離底部為0*left0zindex1lt！導(dǎo)航具體內(nèi)容。

1“導(dǎo)航欄下拉至一定高度后固定在頂部的特效”，也有同學(xué)喜歡叫跟隨導(dǎo)航什么的反正就是這個(gè)么意思先直接上代碼將這個(gè)js放到要實(shí)現(xiàn)效果的頁面里面去，然后我們要修改的是第三行的nav，“nav“改成你自己頁面導(dǎo)航；你先寫一個(gè)正常的導(dǎo)航，給導(dǎo)航添加以下CSS樣式 style=quot positionfixed zindex99 left0 border0quot；28后面的就是網(wǎng)頁的具體內(nèi)容了，這里的代碼簡單一些38樣式里，我們先定義一些菜單里的樣式48這時(shí)運(yùn)行頁面時(shí)，在滾動(dòng)條滾動(dòng)下去后，導(dǎo)航是會(huì)消失不見的58為了讓導(dǎo)航欄固定在頂部，我們可以在導(dǎo)航容器里添加樣式；lt！One step to installing this script lt！1 Simply add the below to your BODY lt！ For this script， visit。

用JS做的，很簡單我可以給你寫一個(gè)JS代碼你把需求發(fā)給我吧這是我給別人寫的，你可以參考一下，是不是這樣的效果lt！DOCTYPE html PUBLIC quotW3CDTD HTML 401 TransitionalENquot quot；現(xiàn)在流行使用模板標(biāo)簽，比如Dedecmsdedeinclude filename=quotheadhtmquot dedeinclude filename=quotfooterhtmquot 這樣每個(gè)頁面都可以調(diào)用 你還可以用Iframe來實(shí)現(xiàn)aaahtml 內(nèi)容；菜單 function varnav= $#39#nav#39navattr#39otop#39， dvoffsettop 存儲(chǔ)原來的距離頂部的距離 windowscroll；* 網(wǎng)頁樣式 * body fontfamily Arial， sansserifmargin 0padding 0 container maxwidth 1024pxmargin 0 autopadding 20px h1 fontsize 36pxtextalign center form dis；以下代碼已經(jīng)實(shí)現(xiàn)了需要的功能，導(dǎo)航條固定在了網(wǎng)頁的頂部，這個(gè)主要是使用positionfixed，然后將top值設(shè)置為0即可lt！DOCTYPE html 固定在窗口頂部 * padding0px margin0pxbody， ul， li background。

依靠css 將頁面 =#39hidden#39=#39hidden#39手機(jī)版設(shè)置這個(gè)如果設(shè)置了如上，頁面的滾動(dòng)條將會(huì)消失，此時(shí)鼠標(biāo)滾輪失效；這里是示例文字，DIV固定，這里是示例文字 ltDIV ltDIV Vid=quotfooterquot Footer ltDIV ltDIV CSS代碼程序代碼 body，html margin0padding0font12px15arialheight100% container min。

5也可以制作成水平導(dǎo)航欄，overflow hidden代碼的意思是超出高度和寬度的部分自動(dòng)隱藏，float left使導(dǎo)航欄水平顯示6在瀏覽器中打開頁面，可以看到制作出美觀的水平導(dǎo)航欄，已經(jīng)置頂了；方法和詳細(xì)的操作步驟如下1第一步，打開dw軟件并創(chuàng)建一個(gè)新文件，見下圖，轉(zhuǎn)到下面的步驟2第二步，執(zhí)行完上面的操作之后，單擊“常用”選項(xiàng)，選擇“布局”按鈕，然后繪制一個(gè)圖層，見下圖，轉(zhuǎn)到下面的步驟3第。