jquery - 滚动时更改背景颜色

标签 jquery css

我希望标题的背景颜色更改为它滚动经过的 div 的背景颜色。因此,当滚动到 div #about(绿色)时,我的标题的背景颜色也将变为绿色。到目前为止我有这个,但它没有用。非常感谢任何帮助。

var t = $('#about').offset().top - 100;

$(document).scroll(function(){
    if($(this).scrollTop() > t)
    {   
        $('header').css({"background-color":"green"});
    } 
});

查看我的 fiddle .

最佳答案

添加 jQuery 后,您的代码在 fiddle 中运行良好。 (我用的是 1.9.1)。

关于jquery - 滚动时更改背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18598570/

相关文章:

javascript - 在网页上自定义 Twitter 推文

javascript - JQUERY Ajax Get方法获取数据属性

CSS:html 和正文设置为高度:100%,但 div 不调整高度

html - 将侧边栏小部件移动到右侧边栏

css - 如何选择用于导航栏组件 Angular 6 的 css

css - 让带有图像的表格填满整个页面?

javascript - 元素jQuery的图像调整大小

jquery - 导航栏在到达滚动点之前坚持到顶部,直到重新加载页面才会返回

javascript - 将 Dropzone file.fullPath 发送到 Rails Controller

javascript - 使用 CSS 基于 HTML 时间线的列表样式