标签： 置顶

经常看到页面顶部有一个导航条或广告保持最上方，随着页面滑动更随变化，这是一个很实用的小东西，那么该如何实现它呢，请看关键代码：

.div1 {
    height:2000px;
}
.div2 {
    width:100%;
    height:35px;
    background-color:#3399FF;
    margin-top:0px;
 
}
.div2_1{
    position:fixed;
    width:100%;
    height:35px;
    z-index:999;
    background-color:#3399FF;
    top:0px;
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop));
} 
<script type="text/javascript">
window.onscroll=function(){ 
    var t=document.documentElement.scrollTop||document.body.scrollTop;  
    var div2=document.getElementById("div2"); 
    if(t>= 100){ 
        div2.className = "div2_1";
    }else{
        div2.className = "div2";
    } 
}
</script>


<div class="div1">
    <div class="div2" id="div2"><a href="http://www.zhuei.net">欢迎来到ZHUEi's 收集窝！</a></div>
</div>

我们来看看效果，本页面最上面的一条欢迎栏。