滚动时淡出答案

【问题标题】：Fade Out On Scroll滚动时淡出
【发布时间】：2012-07-13 00:57:49
【问题描述】：

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

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

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

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

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

谢谢

【问题讨论】：

标签： jquery scroll fadeout

【解决方案1】：

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

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

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

【讨论】：

真的很酷，正是我想要的（与fearthegrizzly类似的效果）！有没有增加延迟？那么淡入淡出在 200px 或 % 值之后开始？

【解决方案2】：

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

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

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

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

DEMO

【讨论】：

你好——对不起我的nOObines。
你好 - 对不起我的 noobines。我忘了提到我尝试过stackoverflow.com/questions/9438894/… 但无济于事。恐怕你的建议没用：cargocollective.com/btatest。还是谢谢！