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

我想让徽标在滚动下降时淡入。比如,

如果滚动位置为10px：

-徽标的不透明度为0.1

如果滚动位置为100px：

-徽标的不透明度为1.0

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

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

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

---

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

您应该为动画函数指定一个时间范围，如下所示：

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