jQuery 出现在滚动条上答案

【问题标题】：jQuery appear on scrolljQuery 出现在滚动条上
【发布时间】：2012-03-22 13:06:26
【问题描述】：

各位专家！

上次我向下滚动互联网时，我发现了一个吸引人的网站 (http://www.neotokio.it/)，我想看看他们是如何做到的，我在 stackoverflow 的帮助下走到了这一步，

effect = $("#certainDIV").fadeTo(0, 0);

$(window).scroll(function(d,h) {
    effect.each(function(i) {
        a = $(this).offset().top + $(this).height();
        b = $(window).scrollTop() + $(window).height();
        if (a < b) $(this).fadeTo(500,1);
    });
});

这几乎是效果的开始，我已经到此为止了，但现在我很好奇他们是如何创建后续的东西的。所以当一行文字开始（或图像）时，另一行开始了。我知道它有点模糊，但是当你看一看你就会明白我的意思。

他们用这些词创造的效果真的很吸引人，但我不知道如何在 jQuery 中做到这一点..

哪位专家能帮帮我吗？

谢谢。

【问题讨论】：

PS：我有一个滚动页面，就像 Nike Better world 一样。所以这就是为什么我需要它对某个位置做出反应。（在 PX 中）现在它有点出现在它想要的时候哈哈..

标签： jquery html scroll effects smooth

【解决方案1】：

我假设您指的是线条向下移动并增加不透明度的方式。他们通过将边缘顶部和不透明度一起设置动画来做到这一点。我从他们的网站上提取了这个示例，并对其进行了一点修改以使其脱离上下文。

$(".mySelector").css({opacity:0,marginTop:-10})
  .delay(500)
  .animate({marginTop:0,opacity:1}, 600, "linear");

这绝对是一个很酷的效果。

【讨论】：