觸發的東西變爲可見時，滾動到它

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它加載上滾動。