如果让导航条一直固定在顶端不动

wzj520 楼主

想让导航条一直固定在顶端不动，不随滚动条而动。求教代码！谢谢

wzj520 楼主

在线等啊！各位帮帮忙

choyi

方法很多。
比如可以用frame啊。
做个上下框架的页不就可以了。
上面框架现实导航，下面现实内容。内容滚动，而导航可以不动。

具体请在dw中创建就可以了。

wzj520 楼主

谢谢楼上的，不想用框架，想用代码来实现！

波希米亚

提供个方案看看可行不，用ajax进行区域刷新。

liuliu24

<style type="text/css"> #topbar{ position:absolute; border: 1px solid black; padding: 2px; background-color: lightyellow; width: 620px; visibility: hidden; z-index: 100; } </style> <script type="text/javascript"> var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = 30 //set x offset of bar in pixels var startY = 3 //set y offset of bar in pixels function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } var verticalpos="fromtop" function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar(){ var ns = (navigator.appName.indexOf("Netscape") != -1); var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script> <div id="topbar"> <a href="" onClick="closebar(); return false"><img src="http://www.smallrain.net/jsimg/close1.gif" border="0" /></a> 这里显示内容 </div> <table style="height:1200">　</table>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

9999999999999

6 楼  推荐的代码是用滚动层制作的  

还不错

如果要是 固定不动的 也不太漂亮。

顶下。

wzj520 楼主

哈哈！谢谢楼上的兄弟们！

我就是用6楼的方法解决的，但不知能否有象IE浏览器的菜单栏一样固定不动的代码？

因为我要实现的效果是让那个登陆条在顶端固定不动，仿佛跟IE浏览器的菜单栏融合在一起一样！

sorrym173

这样好像会内容遮盖了！！

hutia

不想写代码，直接告诉你该怎么做：

把所有主体内容放在一个 width:100% height:100% overflow:auto; 的容器里，把你的菜单用绝对定位定好，然后调整主体容器位置不要被菜单挡住即可