滚动淡出

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)
    });          
});

向下滚动250px，属性完全淡出，反之亦然。

Answer 2

提问的提示：不要只是告诉我们你想要什么。我们不是来为你做你的工作。告诉我们您尝试过的内容，以便我们帮忙解决问题。

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

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

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

DEMO