滚动显示div - jquery

Question

我似乎无法找到以下问题的答案。

我需要能够向下滚动页面并在滚动时显示特定的div。 divs将会保持在那里。

我已经创建了html，但无法找出jquery。

第一个div需要保留在那里，第二个和第三个隐藏直到滚动。

任何人都可以帮忙吗？

<div class="content1">content 1</div> 
<div class="content2">content 2</div> 
<div class="content3">content 3</div> 


.content1 { 
    height:300px; 
    width:500px; 
    border:2px solid red; 
} 
.content2 { 
    height:300px; 
    width:500px; 
    border:2px solid blue; 
} 
.content3 { 
    height:300px; 
    width:500px; 
    border:2px solid orange; 

http://jsfiddle.net/ak9Hb/6/

谢谢！

Answer 1

为了增加萨钦的答案...

然后，您可以做

$('.content1').fadeIn('slow'); 

请参见下面的

http://jsfiddle.net/ak9Hb/7/

Answer 2

您可以使用.scroll事件来抓住这个

$(document).ready(function(){ 
    $(window).scroll(function(){ 
    var scrollTop = $(window).scrollTop(); 
    // now on the basis of scrollTop value show your div 
    if(scrollTop > 200){ 
     // show div1 
    } 
    // and so on 
    }) 
})