触发的东西变为可见时，滚动到它

Question

我在什么地方见过这种效果之后，但我不记得这是什么所谓。我认为这是一个jQuery插件，不能确定。

基本上每次向下滚动页面，当你达到它成为活跃的一个新的文章，你可以运用各种漂亮的效果，而当它滚出它变为无效。

希望这能解释一下我在寻找：

#<article>    # 
#<h2> Entry 1</h2>  # 
#<p> lorem ipsum</p> # // this area is out of the screen 
#</article>    # 
#<article class=active> # 
#<h2> Entry 2</h2>  # 
------------------------- // from here one this area is visible 
|<p> lorem ipsum</p> | 
|</article>    | // scroll past here the previous article loses .active 
|<article>    | // and this article becomes .active 
|<h2> Entry 3</h2>  | 
|<p> lorem ipsum</p> | 
|</article>    | 
|<article>    | 
|<h2> Entry 4</h2>  | 
|<p> lorem ipsum</p> | 
|</article>    | 

编辑基本上我的目标是，文章列表是非常小的（图像和字体大小），但最上面的文章当变得可见时动画变成全尺寸，并且当另一个变成活动时再缩小。

Answer 1

我已经看到了这个用于图像大多是：http://www.appelsiini.net/projects/lazyload

你在找什么在操纵视（网页，用户可以看到的部分）。虽然我挂插件是为图像，可以使用http://www.appelsiini.net/projects/viewport做出适合您的系统。

Answer 2

这plugin似乎做你想要什么。可能不是你所描述的，但原理似乎是一样的。

Answer 3

看看这个Load Content While Scrolling With jQuery。它在滚动时自动加载新内容。 MooTools也可以提供lazy load它加载上滚动。