Не знаю, правильно или нет, но на одном из проектов у меня так:
HTML:<div class="topfixed">
<div class="topnav">
<ul id="topnav">
<li class="topnav_item"><a href="/">Главная</a></li>
<li class="topnav_item"><a href="/">Ссылка</a></li>
<li class="topnav_item"><a href="/">Ссылка</a></li>
<li class="topnav_item"><a href="/">Ссылка</a></li>
</ul>
</div>
</div>
CSS:.topfixed {
z-index: 9999;
}
.topnav {
background-color: #000;
width: 1220px;
position: relative;
margin: 0 auto;
}
jQuery:$(window).scroll(function(){
var wst = $(window).scrollTop(), height = 148, navfixed = $(".topfixed");
if (wst > height) {
navfixed.css({"top":"0", "position":"fixed", "width": "100%"});
} else {
navfixed.css({"top":"", "position":"", "width": ""});
}
});