淡出滚动

Question

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

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

像http://fearthegrizzly.com/或http://davegamache.com

理想情况下，我想放下手头的图像我想淡出到一个div的选项。如果可能的话。

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

谢谢

Answer 1

提问提问：不要只是告诉我们你想要什么。我们不在这里为你做你的工作。告诉我们你试过的东西，以便我们帮助解决它。

话虽这么说，这是一个开始......

当窗口的滚动顶部位置低于20像素更大，它消失一个div出来，当你滚动回来了，它消失回。

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

DEMO

Answer 2

fearthegrizzly.com使用的CSS（）方法。您可以尝试：

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

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