jquery - 在滚动上显示 div - Jquery

Question

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

我需要能够向下滚动页面并在滚动时显示特定的 div。然后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

您可以使用.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
    })
})

Answer 2

添加到萨钦的答案......

然后你可以做

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

请参阅以下内容

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