Question

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

Answer 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(',') +')');
    });
});

动态页面上的背景颜色更改

1 个答案: