112pxを超えるユーザースクロールページの場合、CSSスタイルを追加する方法

Question

現在のスクロール位置が112pxを超える場合にのみ、CSSルールを要素に割り当てることができる方法を知りたいです。

私はこれを試しましたが、うまくいきません：

    <script type="text/javascript">
$window.scrollTop(function(){ 

var a = 112;
var pos = $window.scrollTop();
if(pos > a) {
    $("menu").css({
                position: 'fixed'
            });
}
else {
    $("menu").css({
                position: 'absolute',
                top:'600px'
            });
}
});
</script>

Answer 1

以下のコードを使用してみてください

<script type="text/javascript">
$(window).scroll(function(){ 

var a = 112;
var pos = $(window).scrollTop();
if(pos > a) {
    $("menu").css({
                position: 'fixed'
            });
}
else {
    $("menu").css({
                position: 'absolute',
                top:'600px'
            });
}
});
</script>

• $window.scrollTop に変更されました $(window).scroll
• $window changed に $(window)