1、这个技术很简单如果你有一定的基础，下面这段代码对你会有帮助的但是如果你没有基础，建议你好好先补下基础望采纳 style=quotpositionfixedtop0pxleft0pxquot；Dreamweaver，简称“DW”，中文名称\quot梦想编织者\quot，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器想用DW做出导航栏必熟知div+css，基本代码ul#navwidth100%height60pxbackground；css中导航条设置1二个简单的菜单导航条示例代码 这篇文章主要介绍了二个简单的菜单导航条示例，需要的朋友可以参考下，使用代码案例详解导航条设置，简单明了的代码可以做到举一反三效果2CSS实现导航条Tab切换的三种方法；下面是代码，div层gameNavcontent1什么的是标题，gameNavccontent1什么的是下面的具体内容，需要转换自己改，复制到html文件里就能看到效果，不懂hi我 *游戏导航 * gameNav width 776px padding 0 margin；获取那个导航DIV的top坐标，然后判断滚动条大于或等于top坐标的参数就给导航DIV添加positionfixedtop0样式就可以了反过来就是删除这些样式。

2、1“导航栏下拉至一定高度后固定在顶部的特效”，也有同学喜欢叫跟随导航什么的反正就是这个么意思先直接上代码将这个js放到要实现效果的页面里面去，然后我们要修改的是第三行的nav，“nav“改成你自己页面导航；看到上面的导航条了吗你可以点击一下看看它的效果，请注意，这可是用表格做出来的，你相信吗其实代码很简单，现在让我们来看看该怎么做1首先创建一个1x6的表格，参数为border=0 cellspacing=3 cellpadding=02；lt！DOCTYPE htmlhtml height100%body backgroundlineargradientred， blueheader positionfixed top0 left0 right0header login height28px backgroundcolor#fff textalignrightheader；代码如下 也就是我的网站的导航栏你可以去看看 ltSTYLE type=textcss ** body fontsize12px textaligncenter margintop30px fontfamilyVerdana div，imgmargin0；1首先在我们的html里，添加好导航内容 2后面的就是网页的具体内容了，这里的代码简单一些 3样式里，我们先定义一些菜单里的样式 4这时运行页面时，在滚动条滚动下去后，导航是会消失不见的 5为了让导航栏固定在顶部；使元素固定在网页中，不需要用到JS的，只需要用到CSS样式就可以了使用css 中的 positionfixed fixed是相对于浏览器的定位，设置了这个样式的元素将不会随页面滚动而改变位置，固定在屏幕中如 classname po；上面的代码已经实现了需要的功能，导航条固定在了网页的顶部，这个主要是使用了positionfixed，然后将top值设置为0即可，但是仅仅使用positionfixed还是不够，因为IE6浏览器并不支持，所以还需要进行浏览器兼容性设置，那就是。

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

4、28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏固定在顶部，我们可以在导航容器里添加样式；以下代码已经实现了需要的功能，导航条固定在了网页的顶部，这个主要是使用positionfixed，然后将top值设置为0即可lt！DOCTYPE html 固定在窗口顶部 * padding0px margin0pxbody， ul， li background。