如何向此 Javascript 脚本添加多个 ID 或类,以便在滚动值上更改它们的 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 或类将其他元素包含到脚本中。例如,为#header 添加附加行。我尝试在 #sub-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>
最佳答案
$(".class1, .class2, #id1, #id1").css("display", "block");
或
$(".class1").add(".class2").css("property", "value"); // etc
关于javascript - 向 Javascript 脚本添加更多 ID 或类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21804524/