Javascript jquery在滚动时以多种速度淡入多个IMG

我正在尝试使用jquery插件（），当我按预期使用它时，它工作得非常好，向imgs添加了一个类

我想要的是一个页面，其中多个图像在滚动时以稍微不同的淡入速度出现，这样一组图像不会一次全部淡入，而是会出现爆米花效果

tiles = $("ul#tiles li").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(500,1);
    });
});
tiles = $("ul#tiles2 li").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(1000,1);
    });
});tiles = $("ul#tiles3 li").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(1500,1);
    });
});

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

我曾多次尝试将javascipt用于不同的类和相应的fadein时间（上面的例子），然后将这些不同的类分配给不同的图像，但最后列出的类（在上面的例子中为#tiles3）是唯一有效的。谢谢你的建议

谢谢，

---

尼克

您正在更改

分幅

，但滚动随后发生。如果要将其本地化到每个滚动，则需要执行以下操作（例如）：

$（'tiles，'tiles2，'tiles3'）。查找（'li'）。fadeTo（0,0）；
$（窗口）。滚动（功能（d，h）{
$（“#tiles li”）。每个（功能（i）{
a=$（this.offset（）.top+$（this.height（））；
b=$（窗口）.scrollTop（）+$（窗口）.height（）；
如果（a

---

或者给他们起不同的名字。每次滚动时，它都使用当前的

tiles

变量，而不是代码正上方的变量。

谢谢Kalley！我尝试了这个，可能是因为我在图像上使用它而不是在列表项上，结果是它们不是简单地淡入，而是淡入，然后不停地闪烁。这不是我想要的…但看起来很酷。当与图像一起使用时，它在这里似乎工作得很好：

$('#tiles,#tiles2,#tiles3').find('li').fadeTo(0, 0);
$(window).scroll(function(d,h) {
    $("#tiles li").each(function(i) {
        a = $(this).offset().top + $(this).height();
        b = $(window).scrollTop() + $(window).height();
        if (a < b) $(this).fadeTo(500,1);
    });
});