<style>
*{
margin:
0px;
padding:
0px;}
div.nav{
background:
#000000;
height:
57px;
line-height:
57px;
color:
#ffffff;
text-align:
center;
font-family:
"微软雅黑", "黑体";
font-size:
30px;}
div.fixedNav{
position:
fixed;
top:
0px;
left:
0px;
width:
100%;
z-index:
100000;
_position:
absolute;
_top:
expression(eval(document.documentElement.scrollTop));}
</style>
<div class="header" style="background:#CCCC00;height:250px;"></div>
<div class="nav">
<p>导航固定
</p>
</div>
<div class="content" style="background:#0099FF; height:2000px;"></div>
<script type="text/javascript">
$(function(){
$(window).scroll(function(){
if($(window).scrollTop()>=250
){
$(".nav").addClass("fixedNav"
);
}
else{
$(".nav").removeClass("fixedNav"
);
}
});
});
</script>
转载于:https://www.cnblogs.com/vania/p/3320933.html
