使用 jQuery 航点滚动时更改背景颜色答案

【问题标题】：Change background color whilst scrolling using jQuery waypoints使用 jQuery 航点滚动时更改背景颜色
【发布时间】：2012-11-03 20:17:16
【问题描述】：

当您向下滚动页面时，我想逐渐循环使用固定 div 的不同背景颜色。我想我可以使用 jQuery waypoints 来做到这一点，但需要一个人来开始，因为我不知道从哪里开始。

我正在处理的网站在这里：www.samskirrowdesign.com我想更改页面顶部 3px 高的固定 div 的颜色。

【问题讨论】：

我不会使用航点并直接对scroll作出反应
$('body, html').on('scroll', function() { if ($(this).scrollTop() > 100 ) $(this).css('background', 'red'); });
感谢@adeneo，这就是我目前所拥有的。虽然它不太有效，有什么想法吗？ $('body, html').on('scroll', function() { if ($('body').scrollTop() > 100 ) $('.top').css('background-color', '#000'); });

【解决方案1】：

根据您的滚动顶部位置，您可以进行类似的渐变变化

   $(window).scroll(function () { 
    $('#test').css('background-color','#BC46'+($(this).scrollTop()/10))
    });

看看这个小提琴

【讨论】：

谢谢@sayannayas - 我相信这会奏效，但语法是否有轻微问题，因为当我将它添加到dreamweaver时它会标记错误......我确信它很简单，但是我的jQuery知识不好