固定导航栏案例

<script>
$(function () {
$(window).scroll(function () {
//获取页面卷曲出去的高度和.top的div的高度对比
if($(document).scrollTop()>$(".top").height()){
$(".nav").css({"position":"fixed","top":0});
$(".main").css("marginTop",$(".nav").height());
}else{
$(".nav").css("position","static");
$(".main").css("marginTop",0);
}
});
});

</script>