Изменение нескольких классов на свитке

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>