jquery - 滚动时淡出

Question

我对 JQUERY 比较陌生，我正在寻找正确方向的观点。

如何实现滚动效果的淡入淡出？

喜欢http://fearthegrizzly.com/或http://davegamache.com

理想情况下，我希望可以选择将要淡出的任何图像放入 div 中。如果可能的话。

可能值得一提的是，我想在 Cargo Collective 上实现这一点。

谢谢

Answer 1

Fearthegrizzly.com 使用 .css() 方法。你可以试试：

$(window).scroll(function() {
    $(".header-image").css({
    'opacity' : 1-(($(this).scrollTop())/250)
    });          
});

您向下滚动 250 像素，该属性完全淡出，反之亦然。

Answer 2

提问提示：不要只告诉我们您想要什么。我们不是来为你做你的工作的。向我们展示您的尝试，以便我们帮助修复它。

话虽如此，这是一个开始......

当窗口的滚动顶部位置大于 20px 时，它会淡出一个 div，当您向上滚动时，它会淡出它。

$(window).scroll(function(){
   if($(window).scrollTop()<20){
         $('.fader').stop(true,true).fadeIn("slow");
   } else {
         $('.fader').stop(true,true).fadeOut("slow");
   }
});

演示