Question

我在这里Fade text when page scrolls找到了这个非常老的帖子，并且发现了@ Ruben-Infante的一些特殊代码，我想知道如何减缓淡入淡出。当我用鼠标滚轮滚动时，它几乎立即消失。

我认为必须与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的第一个参数是以ms为单位的淡入淡出速度。

我看到你的速度设置为0.尝试这个1秒的淡入淡出（第3行）：

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

文档：api.jquery.com/fadeTo

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

如何减缓淡化效果？

1 个答案: