1、如果向下滾動(dòng)的距離小原來(lái)導(dǎo)航欄離頂部的距離，則重新計(jì)算導(dǎo)航欄的位置 a_navigation_bar0styletop = naviga_offsetTop scrollTop + quotpxquot 給導(dǎo)航條上四個(gè)tab，加上點(diǎn)擊事件windowonload=function；左0*距窗口左側(cè)的距離* 寬度100%*寬度設(shè)置為100%* 高度40px*高度* z指數(shù)99*層疊順序，值越大越高頁(yè)面滾動(dòng)時(shí)，不會(huì)被其他內(nèi)容遮擋* 設(shè)置原理大概內(nèi)容請(qǐng)參考css代碼注釋AdobeDreamw；為L(zhǎng)OGO 所在的容器添加zindex屬性，這樣做的話導(dǎo)航會(huì)至于logo下面 或者為logo所在的容器添加高度，把導(dǎo)航擠下去出現(xiàn)覆蓋的問(wèn)題八成是沒(méi)粗利好float吧~~；這里是導(dǎo)航所在的DIV容器 CSS代碼nav positionfixed * 絕對(duì)定位，fixed是相對(duì)于瀏覽器窗口定位 * top0 * 距離窗口頂部距離 * left0 * 距離窗口左邊的距離 * width100% * 寬度設(shè)置為100；_positionabsolute * 把導(dǎo)航欄位置定義為絕對(duì)位置，這句是關(guān)鍵1 * _topexpressioneval * 把導(dǎo)航欄位置放在瀏覽器垂直滾動(dòng)條的頂端，這句是關(guān)鍵2 * overflowautozindex；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot 無(wú)標(biāo)題文檔 margin0 padding0 bodymargin0 floatTips margi；直接用FIXdisplay就可以大概思路是，先建一個(gè)紅框條的那個(gè)的div，然后隱藏它一滑動(dòng)的時(shí)候，調(diào)用js確認(rèn)滑動(dòng)，一滑動(dòng)就顯示紅框條不難的。

2、單憑DIV+CSS恐怕不行，你要是會(huì)JQ可以這么干jq部分$documentscrollfunctione if$documentscrollTop！=0$quot#test2quotstop $quot#test2quotanimatequottopquotquot0quotelse$quot#test2quot；windowscrollfunctione p = $thisscrollTopiftlt=p下滾 else上滾 setTimeoutfunctiont = p，0判斷出是向上還是向下 判斷里面設(shè)置導(dǎo)航欄的顯示隱藏。

3、以下是一個(gè)簡(jiǎn)單的靜態(tài)瀏覽器首頁(yè)的網(wǎng)頁(yè)代碼，滿足您的要求lt！doctype html 瀏覽器首頁(yè) * 網(wǎng)頁(yè)樣式 * body fontfamily Arial， sansserifmargin 0padding 0 container maxwidth 1024pxma；你多余的空table太多了，刪了，就自動(dòng)置頂了 Username Password。

4、這個(gè)技術(shù)很簡(jiǎn)單如果你有一定的基礎(chǔ)，下面這段代碼對(duì)你會(huì)有幫助的但是如果你沒(méi)有基礎(chǔ)，建議你好好先補(bǔ)下基礎(chǔ)望采納 style=quotpositionfixedtop0pxleft0pxquot；1“導(dǎo)航欄下拉至一定高度后固定在頂部的特效”，也有同學(xué)喜歡叫跟隨導(dǎo)航什么的反正就是這個(gè)么意思先直接上代碼將這個(gè)js放到要實(shí)現(xiàn)效果的頁(yè)面里面去，然后我們要修改的是第三行的nav，“nav“改成你自己頁(yè)面導(dǎo)航；設(shè)置固定定位，定位到窗口頂部HTML這是一個(gè)固定定位的div CSSfixposition fixed background blackcolor #fff。

5、height38pxfloatleftbackground#32C191quot id=quotnavquotnav導(dǎo)航欄內(nèi)容 lt！ 引用jquery var a = $quot#navquotoffset。

6、indexhtml2在indexhtml中的標(biāo)簽中，輸入html代碼導(dǎo)航3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)div標(biāo)簽由于fixed的位置類型被固定而不隨頁(yè)面滾動(dòng)。