01首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示02接下来，我们在html的body结构中添加导航栏的内容，如下图所示03然后需要在style标签中用CSS定义导航条的样式，如下图所示写样。

如果不是页面切换的话，滚动的位置是不发生变化的应该。

设计师根据不同网站的需求设计不同的导航，做到这一步并不容易学无止境让我们加入设计师的行列 Html5网页简洁导航栏制作？ 1我们以下图所示的导航栏为标准来制作一个导航栏 2首先大家看看这个的原理 nav p ahref=quot。

建议导航栏使用固定定位，positionfixed，或者就默认的static。

一般来说导航栏是放在一个网页里的，然后所有的网页都以调用的方式在顶部添加这个网页这样，更改这个网页，其他网页也相应显示更改后的样子了以tophtml为例，在indexhtml首页就以lt！#include file=quottophtmlquot。

排版的时候导航条和logo在一个盒子模型内，也就是一个div内，分别定义logo和导航的宽度，然后浮动即可。

通过此id确定往div中添加那个内容可以用divinnerHTML来更新div显示的内容或者，导航栏下面放置多个Div，数量等于导航栏目的个数，所有div要都重叠在一起在点击事件函数中控制div的显示和隐藏。