基于滚动位置的不透明度，特定不透明度的上限

Question

我正在使用这段代码根据窗口的滚动位置为我的标题背景设置动画：

$(window).scroll(function() {
    var st=$(window).scrollTop();
    $('#whitebackground').animate({opacity: st / 200 },1);
});

这意味着当从顶部滚动超过200px时，背景div的不透明度将为1.

但是，如果我想限制此不透明度范围，例如它不超过0.9，该怎么办？

非常感谢你！

Answer 1

您可以使用Math.min()从列表中选择最低值：

$('#whitebackground').animate({ opacity: Math.min(st / 200, 0.9) }, 1);

Example fiddle

请注意，小提琴中的最大值为0.5，以使效果更明显。