Défilement infini
Charge automatiquement plus de contenu en approchant du bas d'un conteneur. Fonctionne naturellement avec les Turbo Frames pour une intégration Rails fluide. Prend en charge le chargement automatique via IntersectionObserver et le mode bouton « Charger plus » manuel.
Aperçu et code
_infinite_scroll.html.erb
██
███ █ █████████████████████████
█████████ █ ███████████████████████████████ ████
████████████ █ ██████████████████████████████████ █████████████
████████ █ ██████████████████████████████ ███ ████ ███████
████ █ ██████████████████████████ █████████████
███████████ █ █████████████████████████████████ ████
███████████ █ █████████████████████████████████ █████ ██████
█████ █ ███████████████████████████ ██████
███████████ █ ███████████████████████████ ███
infinite_scroll_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████████ ██████████ █████████ ██████ ██████████
██████ ██████ █ █
████ ███████
██████████ █ █████ ███████ ████████ ███ ██
█████ █ █████ ███████ ████████ ██████ ██
███████████ ███████
████████ █ █████ ████████ ████████ █████ ██
infinite_scroll_component.rb
█ ██████████████████████ ████
█████ ███████████████████████ █ ███████████████████
███ ████████████████ ██████████ ████ █████████████ █████████████ █████████ ███ ████ ███████
█████ ██████ ████████████ ████ ████████████ █████ ██████ █████████ ██████
██████ ██████ ████████████████
████ █ ███
██████████ █ █████████
█████████████ █ ████████████
█████████ █ ████████
infinite_scroll_component.html.erb
████ ███ ████████████████████ ████████████████ ██ ██████████ ██████████████ ████
███ ███████ ████ █████ █████ ███ ████████ ██
████ ██████████████████████████████████████
███ ███████ ██
██████
███ ███████ █████████ ███████ ██ ████████ ██
████ █████████████████████████████████████ ██████████ ███████████████ ████
████ ██████████ ███ ████████████ ██████████████ ████████████████████
███████████
infinite_scroll_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████████ ██████████ █████████ ██████ ██████████
██████ ██████ █ █
████ ███████
██████████ █ █████ ███████ ████████ ███ ██
█████ █ █████ ███████ ████████ ██████ ██
███████████ ███████
████████ █ █████ ████████ ████████ █████ ██
Journal des modifications
- v1.0.0: Initial release with auto and manual modes
Obtenir l'accès complet
Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.
Obtenir l'accès maintenant