將更多的id或類添加到Javascript腳本中

Question

如何將多個id或類添加到此JavaScript腳本中以更改其滾動值的CSS屬性？

<script> 
    var fixed = false; 

    $(document).scroll(function() { 
     if($(this).scrollTop() >= 434) { 
      if(!fixed) { 
       fixed = true; 
       $('#sub-header').css({position:'fixed',top:82}); 
      } 
     } else { 
      if(fixed) { 
       fixed = false; 
       $('#sub-header').css({position:'static'}); 
      } 
     } 
    }); 
</script> 

編輯：我的解釋可能沒有像我想象過那樣清晰。我想通過他們的id或class將其他元素包含到腳本中。例如，爲#header添加一行。我嘗試在＃子標題行下添加$('#header').css({position:'fixed',top:0});，但它不起作用。 （我是一個完整的新手爲Javascript所以請原諒我，如果這是基本的。）

下面是基本的html代碼：

<header id="header></header> 
<div id="sub-header"> 
    <nav id="nav"></nav> 
</div> 
<div id="content"></div> 
<footer id="footer"></div> 

Answer 1

$(".class1, .class2, #id1, #id1").css("display", "block"); 

或

$(".class1").add(".class2").css("property", "value"); // etc 

Answer 2

您可以使用jQuery addClass：

$('.your class').addClass('newClass'); 

Answer 3

我建議你在樣式表中創建類，之後你可以使用toggleClass jQuery函數。

<script> 
    var fixed = false; 

    $(document).scroll(function() { 
     if($(this).scrollTop() >= 434) { 
      if(!fixed) { 
       fixed = true; 
       $('#sub-header').toggleClass("withTop noTop"); 
       //Or use addClass and removeClass 
       $('#sub-header').addClass("withTop"); 
       $('#sub-header').removeClass("noTop"); 
      } 
     } else { 
      if(fixed) { 
       fixed = false; 
       $('#sub-header').toggleClass("withTop noTop"); //This 

       //Or this 
       $('#sub-header').addClass("noTop"); 
       $('#sub-header').removeClass("withTop"); 
      } 
     } 
    }); 
</script> 

<style> 
.withTop{ 
    position:static; 
} 
.noTop{ 
    postion:fixed; 
    top:82; 
} 
</style>