1首先在我們的html里，添加好導(dǎo)航內(nèi)容2后面的就是網(wǎng)頁(yè)的具體內(nèi)容了，這里的代碼簡(jiǎn)單一些3樣式里，我們先定義一些菜單里的樣式4這時(shí)運(yùn)行頁(yè)面時(shí)，在滾動(dòng)條滾動(dòng)下去后，導(dǎo)航是會(huì)消失不見(jiàn)的5為了讓導(dǎo)航欄固定在頂部，我們可以在導(dǎo)航容器里添加樣式position fixedtop 0 關(guān)鍵是第一。

以下代碼已經(jīng)實(shí)現(xiàn)了需要的功能，導(dǎo)航條固定在了網(wǎng)頁(yè)的頂部，這個(gè)主要是使用positionfixed，然后將top值設(shè)置為0即可lt！DOCTYPE html 固定在窗口頂部 * padding0px margin0pxbody， ul， li backgroundcolorwhite fontsize12px fontfamilyArial， Helvetica， sansserif。

1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的標(biāo)簽中，輸入html代碼導(dǎo)航3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)div標(biāo)簽由于fixed的位置類(lèi)型被固定而不隨頁(yè)面滾動(dòng)。

一般來(lái)說(shuō)，導(dǎo)航條是通過(guò)絕對(duì)定位來(lái)指定的示例代碼如下CSS代碼導(dǎo)航 位置固定*絕對(duì)定位，固定是相對(duì)于瀏覽器窗口的定位* top0*距窗口頂部的距離* 左0*距窗口左側(cè)的距離* 寬度100%*寬度設(shè)置為100%* 高度40px*高度* z指數(shù)99*層疊順序，值越大越高頁(yè)。

2，后者是網(wǎng)頁(yè)的具體內(nèi)容，這里的代碼比較簡(jiǎn)單3，在樣式中，首先在菜單中定義一些樣式4，此時(shí)，在運(yùn)行頁(yè)面時(shí)，滾動(dòng)條滾動(dòng)后導(dǎo)航將消失5，為了將導(dǎo)航欄固定在頂部，可以添加樣式位置固定最高0在導(dǎo)航容器中，鍵是第一個(gè)樣式，因此其位置是固定的6，此時(shí)，頁(yè)面開(kāi)始運(yùn)行，頁(yè)面向上滾動(dòng)，并且。

如果你是說(shuō)用代碼實(shí)現(xiàn)的話(huà)，給這個(gè)導(dǎo)航的容器定位為fixed例如nav positionfixedtop0pxleft0px。

18首先我們的html里，添加好導(dǎo)航內(nèi)容28后面的就是網(wǎng)頁(yè)的具體內(nèi)容了，這里的代碼簡(jiǎn)單一些38樣式里，我們先定義一些菜單里的樣式48這時(shí)運(yùn)行頁(yè)面時(shí)，在滾動(dòng)條滾動(dòng)下去后，導(dǎo)航是會(huì)消失不見(jiàn)的58為了讓導(dǎo)航欄固定在頂部，我們可以在導(dǎo)航容器里添加樣式positionfixedtop0關(guān)鍵是第一個(gè)。

01 制作一個(gè)放導(dǎo)航欄的容器 制作一個(gè)放導(dǎo)航欄的容器，容器名為nav，容器寬為1000px，高為30px，背景顏 色為灰色，相關(guān)代碼如下 #nav width1000px height30px background#CCC margin0 auto margintop50px 02。

加在你的導(dǎo)航區(qū)塊，一般用position屬性，再用zindex把層級(jí)改高，實(shí)現(xiàn)漂浮固定在一個(gè)頁(yè)面位置。

具體操作步驟如下1首先，打開(kāi)織夢(mèng)Dedecms主界面，找到增加頂級(jí)欄目并點(diǎn)擊，如下圖所示，然后進(jìn)入下一步2其次，進(jìn)入新對(duì)話(huà)框，需要根據(jù)實(shí)際情況進(jìn)行設(shè)置，如下圖所示，然后進(jìn)入下一步3接著，設(shè)置好后，單擊下方的確認(rèn)按鈕，如下圖所示，然后進(jìn)入下一步4最后，在看到對(duì)應(yīng)的結(jié)果之后，就。

部分代碼如下 documentwritequotquot+stringx+quotquotmpmenu1=new mMenu#39首頁(yè)#39，#39#39，#39self#39，#39#39，#39#39，#39#39，#39#39mpmenu2=new mMenu#39產(chǎn)品中心#39，#39SoftDown#39，#39self#39，#39#39，#39#39，#39#39，#39#39mpmenu2addItemnew mMenuItem#39 紐曼#39，#39productindexasp？CateID=1#39，#39self#39，false，#39系統(tǒng)程序#39，null，#39#39。

用Cookies可以實(shí)現(xiàn)，這個(gè)不太好表達(dá)，就是把初始值保存在Cookie中，在根據(jù)用戶(hù)的操作回寫(xiě)Cookie，讀取Cookie的參數(shù)就可以了，刷新也沒(méi)關(guān)系。

5創(chuàng)建橫向?qū)Ш降臉邮?在標(biāo)簽里添加一個(gè)樣式類(lèi)為navli，然后再navli類(lèi)中設(shè)置樣式背景顏色為紅色，浮動(dòng)為左浮動(dòng)，內(nèi)邊框上下為8px左右為15px，列表屬性為，字體顏色為白色樣式代碼為navlibackgroundcolorredpadding8px15pxfloatleftliststylecolor#fff 6引用樣。

1“導(dǎo)航欄下拉至一定高度后固定在頂部的特效”，也有同學(xué)喜歡叫跟隨導(dǎo)航什么的反正就是這個(gè)么意思先直接上代碼將這個(gè)js放到要實(shí)現(xiàn)效果的頁(yè)面里面去，然后我們要修改的是第三行的nav，“nav“改成你自己頁(yè)面導(dǎo)航欄的class第七行的”100“為下拉到100個(gè)像素的時(shí)候觸發(fā)特效，可以自行修改至。

lt！One step to installing this script lt！1 Simply add the below to your BODY lt！ For this script， visit。

2009120 1310 我在IE7正常，在FF3顯示不正常這段代碼的跨瀏覽器兼容不好另外你只能替換 # 字， # 兩邊的引號(hào)是不能變的還有就是如果你鏈接的是互聯(lián)網(wǎng)上的其他站點(diǎn)，必須用“。

點(diǎn)擊“編輯”進(jìn)入編輯界面后，會(huì)出現(xiàn)兩個(gè)選項(xiàng)，“導(dǎo)航設(shè)置”和“顯示設(shè)置”，“導(dǎo)航設(shè)置”就是如下圖所示添加或刪除導(dǎo)航條的內(nèi)容，或者將某一項(xiàng)上移或下移在此重點(diǎn)講解一下“顯示設(shè)置”導(dǎo)航條的“顯示設(shè)置”是通過(guò)一些固定的代碼來(lái)實(shí)現(xiàn)設(shè)置的在此設(shè)置一個(gè)導(dǎo)航條的導(dǎo)航條背景色為綠色，將代碼改為00。