滚动淡出

我对JQUERY比较陌生，我正朝着正确的方向寻找一个点。

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

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

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

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

谢谢

Answer 1

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

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

当窗口的滚动顶部位置大于20px时，它会淡出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，属性完全淡出，反之亦然。