滚动后淡入div

我需要能够根据用户滚动的px数量淡化/淡出div。 这是我现有的jquery。 我可以切换它的视图，但我想淡出那个切换。 这里的正确方法是什么？

$("#subOverlay").hide(); $(window).bind('scroll', function(){ $("#subOverlay").toggle($(this).scrollTop() > 520); }); 

谢谢

Answer 1

它可以如下完成：

 $(window).bind("scroll", function() { if ($(this).scrollTop() > 520) { $("#subOverlay").fadeIn(); } else { $("#subOverlay").stop().fadeOut(); } }); 

演示： http ： //jsfiddle.net/ZHkY8/

Answer 2

 $(window).bind("scroll", function() { if ($(this).scrollTop() > 520) { $("#subOverlay").stop().fadeOut(); } else { $("#subOverlay").fadeIn(); } }); 

^^简单地反转数组:)

Answer 3

我正在研究类似于亚历山大链接的东西，但需要它在屏幕顶部快于淡出100％。

您可以调整对象何时开始淡出以及何时结束与浏览器大小相关的淡入淡出。 如果要以0.2而不是0开始，也可以调整开始淡入淡出不透明度。

http://www.kevinnunn.com/fadetest/