如何在页面滚动中淡入/淡出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");
   }
});?