集DIV位置滾動100px的固定後？

Question

我試着用下面的功能，以設置div的從頂部100像素位置滾動100像素之後。

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
$(window).scroll(function(){ 
    $("#header").css("top",Math.max(0,100-$(this).scrollTop())); 
}); 
</script> 
<div class="header" style="position:fixed;top:100px;background-color:red">something</div> 

它不工作（該div堅持它的固定位置）。似乎功能沒有涉及到div。什麼是我的問題嗎？

Answer 1

你的問題IST您div有class頭，而不是id。 嘗試 <div id="header" style="position:fixed;top:100px;background-color:red">something</div>

Answer 2

$(document).ready(function(){ 
    $('.header').scroll(function(){ 
     $(this).css("top",Math.max(0,100-$(this).scrollTop())); 
    }); 
});