如何在使用jquery向下滚动时淡入

Question

我希望在滚动下降时使徽标淡入。例如;

如果滚动位置为10px：

- 徽标的容量为0.1

如果滚动位置为100px：

- 徽标的容量是1.0

$(window).scroll(function() {
    var st=$(window).scrollTop();
    $('.logo-min').animate({opacity: st});
});

此代码不起作用。它没有错误，但是无论是否更改滚动像素，徽标的不透明度总是在变化

Answer 1

您应该为您的动画功能分配一个时间范围，如下所示：

$(window).scroll(function() {
   var st=$(window).scrollTop();
   $('.logo-min').animate({opacity: st/100},1); // 1 is in miliseconds
});

Answer 2

尝试

$('.logo-min').fadeIn("slow");

还有一个相应的fadeOut（）函数。