1

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に関連していないようです。私の問題は何ですか？

4

2 に答える 2

3

あなたの問題は、あなたdivがclassヘッダーを持っているのではなく、ヘッダーを持っているということidです。試す <div id="header" style="position:fixed;top:100px;background-color:red">something</div>

于 2012-07-05T09:12:17.303 に答える
0 
$(document).ready(function(){
    $('.header').scroll(function(){
        $(this).css("top",Math.max(0,100-$(this).scrollTop()));
    });
});
于 2012-07-05T09:12:15.937 に答える