Question

我有这个真实的代码：

<script>
window.onscroll = function() {
    if(document.body.scrollTop == 0) {
$('#main-header').css('background-color', 'red');
    }
}
</script>

在此页面中：http://temporal-1.d246.dinaserver.com/

我只需要更改元素的背景颜色：

<header id="main-header" .... </header>

但是，正如您所看到的，它无法正常工作。有什么问题？

Answer 1

当我在您的网站上执行向下滚动操作时。控制台上印有以下错误：

(index):200 Uncaught SyntaxError: Invalid or unexpected token

对于以下声明：

$(header#main-header).css('background-color', 'red');

现在，当我尝试使用JS时，它可以正常工作。只需打开控制台即可试用。

document.getElementById("main-header").setAttribute("style","background-color:red");

Answer 2

1]使用＆＃34; jQuery＆＃34;而不是＆＃34; $＆＃34;

2]在您的选择器周围加上引号（正如您在上面的示例中所示，但不在现场）

Answer 3

尝试将其包装在哈希：$('#main-header').css({'background-color': 'red'});

中

Answer 4

打开您提到的网址（http://temporal-1.d246.dinaserver.com/）之后 - 我在控制台中尝试使用以下代码，它有效！

<script>
window.onscroll = function() {
    if(document.body.scrollTop == 0) {
        jQuery('#main-header').css('background-color', 'red');
    }
}
</script>

js：通过“id”为元素添加样式

4 个答案: