Infinity.jsle plugin jQuery pour le défilement infini de longues listes
Infinity.js est un plugin jQuery permettant d'obtenir un défilement rapide et stable pour les longues listes d'éléments. Il s'inspire du fonctionnement du composant UITableView d'iOS. Cette technique permet de faire apparaitre automatiquement la suite de la liste lorsque l'on fait défiler la page vers le bas.
Le plugin est conçu par les développeurs de Airbnb et est sous la licence BSD.
Il est simple d'utilisation :
| Code : | Sélectionner tout |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | var $el = $('#my-infinite-container');
var listView = new infinity.ListView($el);
// ... Quand on ajoute un nouveau contenu :
var $newContent = $('<p>Hello World</p>');
listView.append($newContent);
// ... Lorsqu'on supprime un élément :
var listItems = listView.find('.my-items');
for(var index = 0, length = listItems.length; index < length; index++) {
listItems[index].remove();
} |
Démo. D'après un article sur DailyJS. Les sources et la documentation sur GitHub.
Vous avez lu gratuitement 0 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.
Envoyé par le_chomeur
et c'est donc intéressant d'avoir la possibilité d'utiliser un plugin jQuery.
) le plugin ne sert strictement à rien puisque tout est chargé en une fois.
).
