Javascript 更改滚动上的多个类

我有以下代码，但无法[滚动][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>

$（文档）。滚动（函数（）{
var值=$（this.scrollTop（）；
如果（值>120）
$（“#顶部导航包装”）.css（“位置”、“相对”）；
$（“.header”）.css（“位置”，“固定”）；
$（“body”）.css（“padding top”，“90px”）；
其他的
$（“#顶部导航包装”）.css（“位置”，“固定”）；
});

如果未指定

{}

，则需要

{}

如果仅适用于一行

$(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>
$(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>

<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>

$（文档）。滚动（函数（）{
var值=$（this.scrollTop（）；
如果（值>120）{
$（“#顶部导航包装”）.css（“位置”、“相对”）；
$（“.header”）.css（“位置”，“固定”）；
$（“body”）.css（“padding top”，“90px”）；
}否则{
$（“#顶部导航包装”）.css（“位置”，“固定”）；
}
});

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

$（文档）。滚动（函数（）{
var值=$（this.scrollTop（）；
如果（值>120）{
$（“#顶部导航包装”）.css（“位置”、“相对”）；
$（“.header”）.css（“位置”，“固定”）；
$（“body”）.css（“padding top”，“90px”）；
}否则{
$（“#顶部导航包装”）.css（“位置”，“固定”）；
}
});