jquery - 当用户滚动时隐藏一个 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()

您将需要一些更小的修改来实现您所需要的。