|
论坛上的这个跟随是写死的。CSS 它这个在顶部没关系。
[code brush:text;toolbar:false;].header_wrap{
background:#488fce;/*导航背景*/
display:block;
position:fixed;
_position:absolute;
top:0;
left:0;
width:100%;
z-index:10;
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}[/code]
其实这个很简单下面JS。任意位置使用。
[code brush:text;toolbar:false;]$(document).ready(function()
{
var nav=$("#wrapper"); //样式插入
var headHeight=nav.height()+45; //根据自己的导航
$(window).scroll(function()
{
if($(this).scrollTop()>headHeight)
{
nav.addClass("navFix");//插入navFix
}
else
{
nav.removeClass("navFix");
}
});
});[/code]
下面CSS。回复复制CSS
演示 http://www.zmdsjob.com/company/company.php?comid=66150
|
|