动态页面的背景颜色变化

【问题标题】：Background color change on dynamic page动态页面的背景颜色变化
【发布时间】：2013-11-26 15:59:22
【问题描述】：

我正在建立一个网上商店，通过按“显示更多”按钮，显示产品的数量会发生动态变化。向下滚动时背景颜色应该会多次更改，我找到了this 文章，它解决了这个问题，但它具有固定的页面高度。有可能改变吗？

【问题讨论】：

【解决方案1】：

如果您不知道正手的页面大小（例如动态加载），您可以使用一个参数来控制适应率并根据您的需要进行设置。

cStart = [250, 195, 56]  // Gold
  , cEnd = [179, 217, 112]   // Lime
  , cDiff = [cEnd[0] - cStart[0], cEnd[1] - cStart[1], cEnd[1] - cStart[0]];

$(document).ready(function(){
    $(document).scroll(function() {
        var speed = 0.0005;
        var p = $(this).scrollTop()* speed; 
        p = Math.min(1, Math.max(0, p)); // Clamp to [0, 1]
        var cBg = [Math.round(cStart[0] + cDiff[0] * p), Math.round(cStart[1] + cDiff[1] * p), Math.round(cStart[2] + cDiff[2] * p)];
        $("body").css('background-color', 'rgb(' + cBg.join(',') +')');
    });
});

【讨论】：