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>