1、如果向下滚动的距离小原来导航栏离顶部的距离，则重新计算导航栏的位置 a_navigation_bar0styletop = naviga_offsetTop scrollTop + quotpxquot 给导航条上四个tab，加上点击事件windowonload=function；左0*距窗口左侧的距离* 宽度100%*宽度设置为100%* 高度40px*高度* z指数99*层叠顺序，值越大越高页面滚动时，不会被其他内容遮挡* 设置原理大概内容请参考css代码注释AdobeDreamw；为LOGO 所在的容器添加zindex属性，这样做的话导航会至于logo下面 或者为logo所在的容器添加高度，把导航挤下去出现覆盖的问题八成是没粗利好float吧~~；这里是导航所在的DIV容器 CSS代码nav positionfixed * 绝对定位，fixed是相对于浏览器窗口定位 * top0 * 距离窗口顶部距离 * left0 * 距离窗口左边的距离 * width100% * 宽度设置为100；_positionabsolute * 把导航栏位置定义为绝对位置，这句是关键1 * _topexpressioneval * 把导航栏位置放在浏览器垂直滚动条的顶端，这句是关键2 * overflowautozindex；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot 无标题文档 margin0 padding0 bodymargin0 floatTips margi；直接用FIXdisplay就可以大概思路是，先建一个红框条的那个的div，然后隐藏它一滑动的时候，调用js确认滑动，一滑动就显示红框条不难的。

2、单凭DIV+CSS恐怕不行，你要是会JQ可以这么干jq部分$documentscrollfunctione if$documentscrollTop！=0$quot#test2quotstop $quot#test2quotanimatequottopquotquot0quotelse$quot#test2quot；windowscrollfunctione p = $thisscrollTopiftlt=p下滚 else上滚 setTimeoutfunctiont = p，0判断出是向上还是向下 判断里面设置导航栏的显示隐藏。

3、以下是一个简单的静态浏览器首页的网页代码，满足您的要求lt！doctype html 浏览器首页 * 网页样式 * body fontfamily Arial， sansserifmargin 0padding 0 container maxwidth 1024pxma；你多余的空table太多了，删了，就自动置顶了 Username Password。

4、这个技术很简单如果你有一定的基础，下面这段代码对你会有帮助的但是如果你没有基础，建议你好好先补下基础望采纳 style=quotpositionfixedtop0pxleft0pxquot；1“导航栏下拉至一定高度后固定在顶部的特效”，也有同学喜欢叫跟随导航什么的反正就是这个么意思先直接上代码将这个js放到要实现效果的页面里面去，然后我们要修改的是第三行的nav，“nav“改成你自己页面导航；设置固定定位，定位到窗口顶部HTML这是一个固定定位的div CSSfixposition fixed background blackcolor #fff。

5、height38pxfloatleftbackground#32C191quot id=quotnavquotnav导航栏内容 lt！ 引用jquery var a = $quot#navquotoffset。

6、indexhtml2在indexhtml中的标签中，输入html代码导航3浏览器运行indexhtml页面，此时div标签由于fixed的位置类型被固定而不随页面滚动。