jquery显示在滚动条上，每个元素依次显示

我想知道他们是如何修复这种效果的：

滚动至

它显示淡入的图像1，淡入的图像2，淡入的图像3，等等

是这样做的，但我似乎无法理解

到目前为止，我得到的是：

tiles = $(".test1").fadeTo(0, 0);

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

tiles=$（“.test1”）.fadeTo（0,0）；
$（窗口）。滚动（功能（d，h）{
瓷砖。每个（功能（i）{
a=$（this.offset（）.top+$（this.height（））；
b=$（窗口）.scrollTop（）+$（窗口）.height（）；
if（a

---

所以它出现在滚动条上，指向某个div，但我不知道如何修复它以在1个div中制作更多动画，正如我前面提到的。例如neotokio.it.

这与您所寻找的差不多，我从div位置取下650，您可能希望使用

$（window）.innerHeight（）

获取视口的高度并从中进行计算

风格：

body{
    height: 1000px; 
}

div#container{
    margin-top: 800px; 
    display:block; 
    height:50px; 
    width:300px;
 }

.tiles{
    display:inline-block; 
    height:40px; 
    width:90px; 
    opacity:0; 
    background-color:red;
}

HTML:

---

希望这有帮助-请看这里的演示：

对我来说，更具体地说，我用单词和圆形来修饰DIV“SERVICES”。你能用我编写的代码来修饰一下吗，因为我不太明白，对不起。我是jquery中的noob。你有链接吗？这样我就可以看到你在做什么。尝试在这个网站上实现这一点：对于这个网站中的一些元素，让我们假设tagcloud的图像。看看这里：我已经包括了一些带有偏移动画的瓷砖，希望这将向你展示如何进行这项工作，正如我在一个现场网站上所说的，你会想要计算出正确的窗口高度Wauw真棒，非常感谢！你知道怎么计算窗户的高度吗？（最后一个问题）很抱歉跟踪你，哈哈。

<div id="container">
         <div class="tiles">tile1 content</div>
         <div class="tiles">tile2 content</div>
         <div class="tiles">tile3 content</div>
</div>

var divpos= $("#container").offset().top;
var interval = setInterval(function() {
    if ($(window).scrollTop() >= divpos-650) {          
          var animDelay = 0;
              $('.tiles').each(function(){
                  $(this).delay(animDelay).animate({
                      opacity:1
                   },500);
                   animDelay += 500;
              });
         clearInterval(interval);
   }
}, 250);