隐藏div然后在用户滚动时淡入另一个div

Question

我需要在滚动时淡出div并在同一行上淡入淡出。

页面高度为100％，底部有滚动指令。当用户滚动到100％高度介绍部分下方的部分时，我需要淡出这些指令并淡入新指令。

使用jquery有一种简单的方法吗？

由于

http://jsfiddle.net/pLf9b

我需要滚动查看才能首先显示，然后在用户滚动部分时立即显示第一本和第二本文本

找到了这个，但对我所追求的目标不起作用

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

Answer 1

使用

$('#column-left').scroll(function() {..}

和

 $('#column-right').scroll(function() {..}

而不是

$(window).scroll

并且fadein()和fadeout()函数可以正常工作。

您需要进行一些小修改才能达到您的需要。