show div on scroll - JQuery

Question

Я не могу найти ответ на следующую проблему.

Мне нужно прокрутить страницу вниз и показать определенный div при прокрутке. тогда дивизии останутся там.

Я создал 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

Чтобы добавить ответ SACHIN в ...

Вы могли бы сделать

$('.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 
    }) 
})