jQuery滚动显示

我最后一次在interwebs向下滚动，我发现了一个有吸引力的网站（http://www.neotokio.it/），我想看看他们是怎么做的，我来到这么远与计算器的帮助，

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的..

莫非你的专家之一帮助我吗？

谢谢。

来源

2012-03-22 NoFxor

PS：我有一个像Nike Better世界一样的滚动页面。所以这就是为什么我需要它对某个位置作出反应。（在PX）现在它有点时出现，当它想要哈哈.. – NoFxor 2012-03-22 13:07:32

我假设你指的是线条向下移动并增加不透明度的方式。他们通过将边缘顶部和不透明度一起动画来实现这一点。我从他们的网站中抽取了这个例子，并对其进行了一些修改，以便在上下文中有意义。

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

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

来源

2012-03-22 13:22:56 scottheckel

窝感谢，这将有望帮助我分配，你可以拨弄你的例子，让我更清楚一点吗？哈哈。抱歉。 – NoFxor 2012-03-22 14:01:25

jQuery滚动显示

回答

相关问题