jquery - 如何在页面滚动时淡入/淡出 div？

Question

这是 jsfiddle:http://jsfiddle.net/NKgG9/

我基本上希望这些粉红色的框正常显示在页面加载时，但一旦用户向下滚动页面，我希望它们淡出并消失。当用户向上滚动到他们的位置或浏览器窗口的顶部时，我希望这些粉红色的框再次淡入。我对 JS 毫无用处，所以请提供一些关于如何做到这一点的帮助。

感谢所有帮助。

Answer 1

非常简单的例子:http://jsfiddle.net/a4FM9/2/

var divs = $('.social, .title');
$(window).scroll(function(){
   if($(window).scrollTop() <10 ){
         divs.stop(true,true).fadeIn("fast");
   } else {
         divs.stop(true,true).fadeOut("fast");
   }
});​