Déclenche quelque chose quand il devient visible, après l'avoir fait défiler

Question

J'ai vu cet effet quelque part, mais je ne me rappelle pas comment il s'appelait. Je pense que c'était un plugin jQuery, je ne peux pas être sûr. Fondamentalement, lorsque vous faites défiler une page chaque fois que vous atteignez un nouvel article, il devient actif et vous pouvez appliquer toutes sortes d'effets intéressants, et quand il défile, il devient inactif.

Espérons que cela peut expliquer ce que je cherche:

#<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>    | 

EDIT Au fond, mon objectif est que la liste des articles sont vraiment petites (images et taille de la police), mais le plus haut sommet article s'anime en taille réelle quand il devient visible et rétrécit à nouveau quand un autre devient actif.

Answer 1

Je l'ai vu utilisé pour les images principalement: http://www.appelsiini.net/projects/lazyload

Qu'est-ce que vous cherchez manipule la fenêtre (la partie de la page Web, l'utilisateur peut voir). Bien que le plugin auquel je suis lié soit pour les images, vous pouvez utiliser http://www.appelsiini.net/projects/viewport pour créer un système qui fonctionne pour vous.

Answer 2

Cette plugin semble faire ce que vous voulez. Peut-être pas ce que vous décrivez exactement, mais le principe semble le même.

Answer 3

Jetez un oeil à ce Load Content While Scrolling With jQuery. Il charge automatiquement le nouveau contenu lors du défilement. Mootools fournit également lazy load qui se charge sur scroll.