在滚动上更改多个类

Question

我有以下代码，但无法更改[滚动] [1]上的多个类：

<script>
$(document).scroll( function() {
    var value = $(this).scrollTop();
    if ( value > 120 )
        $("#top-nav-wrapper").css("position", "relative");
        $(".header").css("position", "fixed");
        $("body").css("padding-top", "90px");
    else
        $("#top-nav-wrapper").css("position", "fixed");
});
</script>

Answer 1

缺少大括号：

<script>
$(document).scroll( function() {
    var value = $(this).scrollTop();
    if ( value > 120 ) {
        $("#top-nav-wrapper").css("position", "relative");
        $(".header").css("position", "fixed");
        $("body").css("padding-top", "90px");
    } else {
        $("#top-nav-wrapper").css("position", "fixed");
    }
});
</script>

Answer 2

如果未指定{}

，则需要if works only for one line

$(document).scroll( function() {
    var value = $(this).scrollTop();
    if ( value > 120 )
        {
          $("#top-nav-wrapper").css("position", "relative");
          $(".header").css("position", "fixed");
          $("body").css("padding-top", "90px");
        }
    else
        $("#top-nav-wrapper").css("position", "fixed");
});

Answer 3

语法错误。你缺少括号。使用：

<script>
$(document).scroll( function() {
    var value = $(this).scrollTop();
    if ( value > 120 ) {
        $("#top-nav-wrapper").css("position", "relative");
        $(".header").css("position", "fixed");
        $("body").css("padding-top", "90px");
    } else {
        $("#top-nav-wrapper").css("position", "fixed");
    }
});
</script>