在滚动上显示 div - Jquery答案

【问题标题】：show div on scroll - Jquery在滚动上显示 div - Jquery
【发布时间】：2013-09-26 23:13:12
【问题描述】：

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

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

谢谢！

【问题讨论】：

那么究竟哪个 div 必须出现在滚动条上？
请详细说明一下
第二个和第三个 div 滚动显示

标签： jquery html css animation

【解决方案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
    })
})

【讨论】：

嗨，我刚刚更新了小提琴。你能检查一下并在需要的地方修改吗？感谢您的帮助！ jsfiddle.net/ak9Hb/6

【解决方案2】：

添加到萨钦的答案...

你可以这样做

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

见下文

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

【讨论】：