Question

jquery问题，元素岁页面移动的问题。

我想实现一个div开始的时候紧跟在header（高度300）下面，
并随页面移动，
当header过后，这个元素的定位就是top:0 left:0
我的代码如下：
不知道是哪里出了问题。。求解。谢谢。
<script>
$(function(){
var autoheight = $(document).scrollTop();
if(autoheight>=0 && autoheight<300){
$(".DalNavul").css({
position:'fixed',
top: 300-autoheight + 'px',
left:'0px'
});
}else{
$(".DalNavul").css({
position:'fixed',
top: '0px',
left:'0px'
});
}
});
</script>

Answer 1

$(window).scroll(function(){
    var autoheight = $(document).scrollTop(); 
    if(autoheight>=0 && autoheight<300){ 
         $(".DalNavul").css({   
                  position:'fixed',   
                  top: 300-autoheight + 'px',
                  left:'0px'   
         });                 
    }else{
        $(".DalNavul").css({   
                  position:'fixed',   
                  top: '0px',
                  left:'0px' 
         });    
    }    
})

Answer 2

position:'fixed',就可以实现了啊

无需jquery