如何减缓褪色效果？

Question

我在这里找到了这个非常古老的帖子，页滚动时淡出文本，并找到了@Ruben的一段特定代码，我想知道我是如何减缓衰退的。就像我用鼠标滚轮滚动一样，它几乎立刻消失了。

http://jsfiddle.net/q7u4d/2/

我想这肯定和JS有关，不过当我玩数字的时候，我无法得到我想要的效果。任何帮助都会很好。

$(window).scroll(function(){
    var top = ($(window).scrollTop() > 0) ? $(window).scrollTop() : 1;
    $('.fade').stop(true, true).fadeTo(0, 1 / top);
    $('.fade').css('top', top * 1.3);             
});

Answer 1

fadeTo的第一个参数是毫秒的衰减速度。

我看到你的速度设定为0。试一次1秒的淡出(第3行)：

$('.fade').stop(true, true).fadeTo(1000, 1 / top);

博士：api.jquery.com/fadeTo

JSFiddle：http://jsfiddle.net/q7u4d/303/