Question

Hia专家！

上次我滚动浏览互联网时，我发现了一个吸引人的网站（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中创建它...

你们中的一位专家可以帮助我吗？

感谢。

Answer 1

我假设你指的是线条向下移动并增加不透明度的方式。他们通过一起设置margin-top和不透明度来实现这一点。我从他们的网站上提取了这个例子，并将其修改了一点点，以便在上下文中理解。

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

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

jQuery出现在滚动上

1 个答案: