1首先在我们的html里，添加好导航内容2后面的就是网页的具体内容了，这里的代码简单一些3样式里，我们先定义一些菜单里的样式4这时运行页面时，在滚动条滚动下去后，导航是会消失不见的5为了让导航栏固定在顶部，我们可以在导航容器里添加样式position fixedtop 0 关键是第一。

以下代码已经实现了需要的功能，导航条固定在了网页的顶部，这个主要是使用positionfixed，然后将top值设置为0即可lt！DOCTYPE html 固定在窗口顶部 * padding0px margin0pxbody， ul， li backgroundcolorwhite fontsize12px fontfamilyArial， Helvetica， sansserif。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入html代码导航3浏览器运行indexhtml页面，此时div标签由于fixed的位置类型被固定而不随页面滚动。

一般来说，导航条是通过绝对定位来指定的示例代码如下CSS代码导航 位置固定*绝对定位，固定是相对于浏览器窗口的定位* top0*距窗口顶部的距离* 左0*距窗口左侧的距离* 宽度100%*宽度设置为100%* 高度40px*高度* z指数99*层叠顺序，值越大越高页。

2，后者是网页的具体内容，这里的代码比较简单3，在样式中，首先在菜单中定义一些样式4，此时，在运行页面时，滚动条滚动后导航将消失5，为了将导航栏固定在顶部，可以添加样式位置固定最高0在导航容器中，键是第一个样式，因此其位置是固定的6，此时，页面开始运行，页面向上滚动，并且。

如果你是说用代码实现的话，给这个导航的容器定位为fixed例如nav positionfixedtop0pxleft0px。

18首先我们的html里，添加好导航内容28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏固定在顶部，我们可以在导航容器里添加样式positionfixedtop0关键是第一个。

01 制作一个放导航栏的容器 制作一个放导航栏的容器，容器名为nav，容器宽为1000px，高为30px，背景颜 色为灰色，相关代码如下 #nav width1000px height30px background#CCC margin0 auto margintop50px 02。

加在你的导航区块，一般用position属性，再用zindex把层级改高，实现漂浮固定在一个页面位置。

具体操作步骤如下1首先，打开织梦Dedecms主界面，找到增加顶级栏目并点击，如下图所示，然后进入下一步2其次，进入新对话框，需要根据实际情况进行设置，如下图所示，然后进入下一步3接着，设置好后，单击下方的确认按钮，如下图所示，然后进入下一步4最后，在看到对应的结果之后，就。

部分代码如下 documentwritequotquot+stringx+quotquotmpmenu1=new mMenu#39首页#39，#39#39，#39self#39，#39#39，#39#39，#39#39，#39#39mpmenu2=new mMenu#39产品中心#39，#39SoftDown#39，#39self#39，#39#39，#39#39，#39#39，#39#39mpmenu2addItemnew mMenuItem#39 纽曼#39，#39productindexasp？CateID=1#39，#39self#39，false，#39系统程序#39，null，#39#39。

用Cookies可以实现，这个不太好表达，就是把初始值保存在Cookie中，在根据用户的操作回写Cookie，读取Cookie的参数就可以了，刷新也没关系。

5创建横向导航的样式 在标签里添加一个样式类为navli，然后再navli类中设置样式背景颜色为红色，浮动为左浮动，内边框上下为8px左右为15px，列表属性为，字体颜色为白色样式代码为navlibackgroundcolorredpadding8px15pxfloatleftliststylecolor#fff 6引用样。

1“导航栏下拉至一定高度后固定在顶部的特效”，也有同学喜欢叫跟随导航什么的反正就是这个么意思先直接上代码将这个js放到要实现效果的页面里面去，然后我们要修改的是第三行的nav，“nav“改成你自己页面导航栏的class第七行的”100“为下拉到100个像素的时候触发特效，可以自行修改至。

lt！One step to installing this script lt！1 Simply add the below to your BODY lt！ For this script， visit。

2009120 1310 我在IE7正常，在FF3显示不正常这段代码的跨浏览器兼容不好另外你只能替换 # 字， # 两边的引号是不能变的还有就是如果你链接的是互联网上的其他站点，必须用“。

点击“编辑”进入编辑界面后，会出现两个选项，“导航设置”和“显示设置”，“导航设置”就是如下图所示添加或删除导航条的内容，或者将某一项上移或下移在此重点讲解一下“显示设置”导航条的“显示设置”是通过一些固定的代码来实现设置的在此设置一个导航条的导航条背景色为绿色，将代码改为00。