如果不是頁(yè)面切換的話，滾動(dòng)的位置是不發(fā)生變化的應(yīng)該；通過(guò)此id確定往div中添加那個(gè)內(nèi)容可以用divinnerHTML來(lái)更新div顯示的內(nèi)容或者，導(dǎo)航欄下面放置多個(gè)Div，數(shù)量等于導(dǎo)航欄目的個(gè)數(shù)，所有div要都重疊在一起在點(diǎn)擊事件函數(shù)中控制div的顯示和隱藏；HTML5讓導(dǎo)航欄固定頂部不動(dòng)且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁(yè)的具體內(nèi)容，這里的代碼比較簡(jiǎn)單3，在樣式中，首先在菜單中定義一些樣式4，此時(shí)，在運(yùn)行頁(yè)面時(shí)，滾動(dòng)條。

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ě)樣；Nav元素可以用作頁(yè)面導(dǎo)航的鏈接組，在導(dǎo)航鏈接組里面有很多的鏈接，點(diǎn)擊每個(gè)鏈接可以鏈接到其他頁(yè)面或者當(dāng)前頁(yè)面的其他部分，并不是所有的鏈接組都要被放在nav元素里面，我們只需要把最主要的基本的重要的放在nav元素里面；HTML5+CSS3做一個(gè)后臺(tái)管理系統(tǒng)的側(cè)邊導(dǎo)航欄，點(diǎn)擊三條杠，可以收起或展開(kāi)側(cè)邊導(dǎo)航欄收起時(shí)，圖標(biāo)變大，文本在圖標(biāo)下方，管理員頭像右側(cè)的歡迎語(yǔ)隱藏展開(kāi)時(shí)圖標(biāo)變小，文本在圖標(biāo)的右側(cè)顯示，管理員頭像右側(cè)的歡迎語(yǔ)顯示；在HTML中，DTD規(guī)定了標(biāo)記語(yǔ)言的規(guī)則，使瀏覽器能正確地呈現(xiàn)內(nèi)容而HTML5不基于SGML，所以不需要引用DTD文檔結(jié)構(gòu)元素 ltarticle 定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊ltheader 頁(yè)面頂部ltnav 導(dǎo)航欄邊導(dǎo)航；排版的時(shí)候?qū)Ш綏l和logo在一個(gè)盒子模型內(nèi)，也就是一個(gè)div內(nèi)，分別定義logo和導(dǎo)航的寬度，然后浮動(dòng)即可。

建議導(dǎo)航欄使用固定定位，positionfixed，或者就默認(rèn)的static；一般來(lái)說(shuō)導(dǎo)航欄是放在一個(gè)網(wǎng)頁(yè)里的，然后所有的網(wǎng)頁(yè)都以調(diào)用的方式在頂部添加這個(gè)網(wǎng)頁(yè)這樣，更改這個(gè)網(wǎng)頁(yè)，其他網(wǎng)頁(yè)也相應(yīng)顯示更改后的樣子了以tophtml為例，在indexhtml首頁(yè)就以lt！#include file=quottophtmlquot；建立三個(gè)網(wǎng)頁(yè)，一個(gè)作為主頁(yè)面，另外兩個(gè)子頁(yè)面作為切換頁(yè)面嵌入主頁(yè)面，子頁(yè)面也可以用文字替代用jQuery方法來(lái)切換頁(yè)面，語(yǔ)言比較簡(jiǎn)單網(wǎng)上搜一下看看就懂了 下面附上代碼 lt！DOCTYPE htmllthtmllthead ltmeta charset=；建議使用FF，Safari，舉個(gè)例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；在HTML5頁(yè)面中，經(jīng)常使用ltnav標(biāo)簽來(lái)充當(dāng)導(dǎo)航的結(jié)構(gòu)化標(biāo)簽ltnav標(biāo)簽用于定義頁(yè)面的導(dǎo)航部分，通常包含導(dǎo)航鏈接或?qū)Ш讲藛嗡峁┝艘环N語(yǔ)義化的方式來(lái)標(biāo)記頁(yè)面的導(dǎo)航內(nèi)容，使得搜索引擎和輔助技術(shù)能夠更好地理解和處理導(dǎo)航部。

如何設(shè)置html導(dǎo)航欄1用Dreamweaver創(chuàng)建一個(gè)新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實(shí)現(xiàn)橫向?qū)Ш?創(chuàng)建一個(gè)新的divid“A”并添加ulli標(biāo)簽5在li中添加所需的文本，并；修改的就是那些top之類(lèi)的，如下所示從第一個(gè)變成第二個(gè)ltdiv class=quotnavbarsquot style=quottop 44pxquot ltnav role=quotmainquot class=quotquot style=quotmargintop 20px marginleft 20px marginright 20px；lt！doctype html lthtml lthead lttitle導(dǎo)航條lttitle ltstyle body margin 0boxsizing borderbox nav *最外層框?qū)挾? width 150px nav ul margin 0padding 0 nav ul li。