css - 如果用户滚动页面超过 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 更改为$(window)