1、這個(gè)技術(shù)很簡(jiǎn)單如果你有一定的基礎(chǔ)，下面這段代碼對(duì)你會(huì)有幫助的但是如果你沒(méi)有基礎(chǔ)，建議你好好先補(bǔ)下基礎(chǔ)望采納 style=quotpositionfixedtop0pxleft0pxquot；Dreamweaver，簡(jiǎn)稱“DW”，中文名稱\quot夢(mèng)想編織者\(yùn)quot，是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器想用DW做出導(dǎo)航欄必熟知div+css，基本代碼ul#navwidth100%height60pxbackground；css中導(dǎo)航條設(shè)置1二個(gè)簡(jiǎn)單的菜單導(dǎo)航條示例代碼 這篇文章主要介紹了二個(gè)簡(jiǎn)單的菜單導(dǎo)航條示例，需要的朋友可以參考下，使用代碼案例詳解導(dǎo)航條設(shè)置，簡(jiǎn)單明了的代碼可以做到舉一反三效果2CSS實(shí)現(xiàn)導(dǎo)航條Tab切換的三種方法；下面是代碼，div層gameNavcontent1什么的是標(biāo)題，gameNavccontent1什么的是下面的具體內(nèi)容，需要轉(zhuǎn)換自己改，復(fù)制到html文件里就能看到效果，不懂hi我 *游戲?qū)Ш?* gameNav width 776px padding 0 margin；獲取那個(gè)導(dǎo)航DIV的top坐標(biāo)，然后判斷滾動(dòng)條大于或等于top坐標(biāo)的參數(shù)就給導(dǎo)航DIV添加positionfixedtop0樣式就可以了反過(guò)來(lái)就是刪除這些樣式。

2、1“導(dǎo)航欄下拉至一定高度后固定在頂部的特效”，也有同學(xué)喜歡叫跟隨導(dǎo)航什么的反正就是這個(gè)么意思先直接上代碼將這個(gè)js放到要實(shí)現(xiàn)效果的頁(yè)面里面去，然后我們要修改的是第三行的nav，“nav“改成你自己頁(yè)面導(dǎo)航；看到上面的導(dǎo)航條了嗎你可以點(diǎn)擊一下看看它的效果，請(qǐng)注意，這可是用表格做出來(lái)的，你相信嗎其實(shí)代碼很簡(jiǎn)單，現(xiàn)在讓我們來(lái)看看該怎么做1首先創(chuàng)建一個(gè)1x6的表格，參數(shù)為border=0 cellspacing=3 cellpadding=02；lt！DOCTYPE htmlhtml height100%body backgroundlineargradientred， blueheader positionfixed top0 left0 right0header login height28px backgroundcolor#fff textalignrightheader；代碼如下 也就是我的網(wǎng)站的導(dǎo)航欄你可以去看看 ltSTYLE type=textcss ** body fontsize12px textaligncenter margintop30px fontfamilyVerdana div，imgmargin0；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)航欄固定在頂部；使元素固定在網(wǎng)頁(yè)中，不需要用到JS的，只需要用到CSS樣式就可以了使用css 中的 positionfixed fixed是相對(duì)于瀏覽器的定位，設(shè)置了這個(gè)樣式的元素將不會(huì)隨頁(yè)面滾動(dòng)而改變位置，固定在屏幕中如 classname po；上面的代碼已經(jīng)實(shí)現(xiàn)了需要的功能，導(dǎo)航條固定在了網(wǎng)頁(yè)的頂部，這個(gè)主要是使用了positionfixed，然后將top值設(shè)置為0即可，但是僅僅使用positionfixed還是不夠，因?yàn)镮E6瀏覽器并不支持，所以還需要進(jìn)行瀏覽器兼容性設(shè)置，那就是。

3、01首先打開(kāi)SublimeText軟件，新建一個(gè)html頁(yè)面，在html頁(yè)面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示02接下來(lái)，我們?cè)趆tml的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示03然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫(xiě)樣。

4、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)航容器里添加樣式；以下代碼已經(jīng)實(shí)現(xiàn)了需要的功能，導(dǎo)航條固定在了網(wǎng)頁(yè)的頂部，這個(gè)主要是使用positionfixed，然后將top值設(shè)置為0即可lt！DOCTYPE html 固定在窗口頂部 * padding0px margin0pxbody， ul， li background。