jQuery Scroll/Menu Issue

Question

嗨我有一個菜單，我想操縱一些JS ...我想菜單是在頁面加載時設置點，但是當用戶向下滾動頁面時，我會就像菜單移動到窗口頂部的固定位置一樣。

<div id="div_header"> 
    <img src="images/logo.png" height="72px" class="logo" /> 
</div> 

<div id="mainMenu"> 
<ul> 
    <li> 
     <a class="menuItem">Link</a> 
    </li> 
    <li> 
     <a class="menuItem">Link</a> 
    </li> 
</ul> 

#div_header { 
background:url("../images/top-header.png") repeat-x scroll 0 0 transparent; 
height:80px; 
margin:0 0 10px; 
position:relative; 
z-index:3; 
} 

div#mainMenu { 
position:relative; 
text-align:center; 
top:-16px; 
z-index:2; 
background:url(../images/bg_menu.png) repeat-x; 
width:100%; 
height:41px; 
} 

感謝您的幫助......

Answer 1

使用position:fixed;在CSS（但我知道IE6，7它不正常工作）。

否則看一看在this post在計算器

更新

$(window).scroll(function() { 
    if ($(this).scrollTop() > $('#div_header').height()) { 
     $('#mainMenu').css('top', $(this).scrollTop() + "px"); 
    } 
    else { 
     $('#mainMenu').css('top', $('#div_header').height() + "px"); 
    } 
}); 

該代碼可能需要一些拋光，但它只是一個想法