jQuery仿百度帖吧头部固定不随滚动条滚动效果

时间:2023-03-08 18:42:03
<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:;_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>