1. HTML5如何才能讓導航欄固定頂部不動，且！且！且！不遮擋住下面的DIV
HTML5讓導航欄固定頂部不動且不遮擋住下面的DIV方法如下：
1，首先在html中，添加良好的導航內容。
2. 如何設置網站導航欄
1. 導航欄策劃要科學
所謂科學是要利於訪客理解，如果利用過於新穎的語言文字就會使其面向小群體，如“新聞動態”就成“飯圈有事”，圈外人完全無法理解這是什麼，這就導致不種於訪客瀏覽。所以，導航欄的設置需要簡介明了，面向大眾群體，讓人摸不著頭腦的導航欄出會提高跳出率，為追求新穎得不償失。
2.導航欄要符合搜索引擎抓取規則
智碼聯動建議需要做推廣的網站最好使用文字類型的導航欄，因為很多js，flash，圖片的導航欄網路不能抓取識別，對網站的推廣有一定的影響，搜索引擎會判定網站相關性不高，用戶體驗度較差等。
3.導航欄跳轉要正常
這就是導航的設置問題了，有些導航欄點擊沒有跳轉，或者跳轉頁面不符合，這很致命。訪客認為這個網站很差，不專業並且不信任無法產生成交，所以在網站上線前後都需要對網站的各個跳轉進行檢查，以避免發生這類事情。
4.導航欄內容要有重點
導航欄的關鍵是告訴訪客我這個版面的內容是什麼，方便訪客瀏覽，需要盡量做到簡介的劃分網站內容，合格的布局欄目，長度適宜，內容關聯強，把重點放到前面，非重點置後。讓訪客盡量看到重點的內容，吸引訪客進行深入了解。
3. 網站導航欄點擊變色並跳轉頁面導航欄顏色如何固定在相對應欄目位置
需求代碼參考如下：
<script> $(function () { var navLi = $(".HouseDetails_nav li") var windowUrl = location.protocol + '//' + location.hostname + location.pathname; navLi.each(function () { var t = $(this).find("a").attr("href"); if(t==windowUrl){ $(this).addClass("on").siblings().removeClass("on")
}
}); });
</script>
var windowUrl = location.protocol + '//' + location.hostname + location.pathname; //獲取當前URL鏈接 （列印）獲取比較明確的鏈接地址
var windowUrl = window.location.href; //獲取當前URL鏈接
4. 如何設置好網站的導航欄目
導航欄設計是網站建設中非常重要的一個環節，設計一款可用的、足夠吸引人的導航，是多麼的重要。若想要你的網站足夠吸引人，必須要掌握如下幾點要點。
1.加入顯眼的搜索框
用戶經常使用搜索篩選信息，更快更直接獲取重要的信息，所以搜索款框應該突出展示，應該出現在每一個頁面上，應該和主導航欄一起存在，要易於訪問。強大的搜索框是讓用戶留存的重要影響因素之一。
2.不要隱藏導航
超級小的圖標，隱藏在頁腳，不顯眼的鏈接，這些對於增減用戶體驗而言都是非常不利的，會讓用戶覺得難以掌控。相反，時刻存在的導航讓用戶會更加安心，讓用戶時刻都擁有離開、跳轉的安全通道。
3.控制導航欄的數量
據頁面數據分析顯示，通常一個網站內的導航欄數量最好不要超出7個，這也是為了凸顯導航欄作用,作為導航欄，更應該起到的作用是將有價值的信息傳遞給用戶，而並非是把所有的東西都放在導航欄力還會給用戶留下非常不好的印象。
4.首要的導航擋在重要位置
基本上每一個網站的導航欄都會包含搜索、關於我們、首頁，聯系我們，而電商類的網站則通常會包含購物車、購買的按鈕。但是，不管怎麼樣，永遠將最關鍵、最重要的導航類目讓用戶看到，這才是導航所應該做到的事情。
5. 頁面跳轉後，怎麼實現導航條不變，且相應項被選中
2個方案：
1：在一個main頁面利用ifm進行調轉，這樣就可以保障在main頁面的導航條不變並且保持選中狀態。
2：在每一個頁面都要這個導航條，並且相應的項處於選中狀態
6. asp做管理系統時,網頁在跳轉時如何讓左側的導航欄保持不變
用兩個iframe，左邊的iframe里放導航，右邊的iframe顯示鏈接過來的網頁。
就是：
<iframe name="left">
<a href="123.asp" target="right">導航中的鏈接</a>
</iframe>
<iframe name="right"></iframe>
frame和Ajax不能被搜索引擎索引，但iframe可以。只是在搜索引擎中它是以一個單獨的文件存在罷了。
另外：既然你是做管理系統，肯定不希望搜索引擎抓取這些頁面啊，所以你可以用任何一種方法來做。最重要的還是考慮安全方面的問題。
7. Html網頁中怎麼設置導航不隨頁面滑動消失而始終在同一位置
需要准備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
8. html5如何做到使用導航欄切換頁面時不重新載入頁面
我剛開始也在找這個問題的答案，現在解決了，為後面學習的人栽棵樹吧。
實現這個功能有很多種方法，這里我選一種個人認為比較簡單的方法：
建立三個網頁，一個作為主頁面，另外兩個子頁面作為切換頁面嵌入主頁面，子頁面也可以用文字替代。
用jQuery方法來切換頁面，語言比較簡單網上搜一下看看就懂了
下面附上代碼
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>標題</title>
<!--jQuery網路CDN庫-->
<scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
//jQuery代碼
$(document).ready(function(){
$("#b1").click(function(){
$("#tab_1").show();//顯示
$("#tab_2").hide();//隱藏
});
$("#b2").click(function(){
$("#tab_1").hide();
$("#tab_2").show();
});
});
</script>
</head>
<body>
<div>
<h1>標題一</h1>
</div>
<div>
<div>
<ul>
<li><buttonid="b1">菜單1</button></li>
<li><buttonid="b2">菜單2</button></li>
</ul>
</div>
<div>
<divid="tab_1">
子頁面1
</div>
<divid="tab_2"style="display:none">
子頁面2
</div>
</div>
</div>
</body>
</html>