滾動顯示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 
    }) 
})