javascript - 滚动 100px 后将 div 位置设置为固定？

Question

我尝试使用以下函数在滚动 100 像素后将 div 的位置设置为距顶部 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

你的问题是你的 div有 class header ，而不是 id .尝试 <div id="header" style="position:fixed;top:100px;background-color:red">something</div>