滾動100px后將div位置設置為固定？

Question

我嘗試使用以下函數，以便在滾動100像素后將div的位置從頂部設置為100 px。

<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

你的問題是你的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()));
    });
});