Scroll infinito
Carga automáticamente más contenido al desplazarse cerca del final de un contenedor. Funciona naturalmente con Turbo Frames para una integración fluida con Rails. Soporta carga automática mediante IntersectionObserver y modo de botón "Cargar más" manual.
Vista Previa y Código
_infinite_scroll.html.erb
██
███ █ █████████████████████████
█████████ █ ███████████████████████████████ ████
████████████ █ ██████████████████████████████████ █████████████
████████ █ ██████████████████████████████ ███ ████ ███████
████ █ ██████████████████████████ █████████████
███████████ █ █████████████████████████████████ ████
███████████ █ █████████████████████████████████ █████ ██████
█████ █ ███████████████████████████ ██████
███████████ █ ███████████████████████████ ███
infinite_scroll_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████████ ██████████ █████████ ██████ ██████████
██████ ██████ █ █
████ ███████
██████████ █ █████ ███████ ████████ ███ ██
█████ █ █████ ███████ ████████ ██████ ██
███████████ ███████
████████ █ █████ ████████ ████████ █████ ██
infinite_scroll_component.rb
█ ██████████████████████ ████
█████ ███████████████████████ █ ███████████████████
███ ████████████████ ██████████ ████ █████████████ █████████████ █████████ ███ ████ ███████
█████ ██████ ████████████ ████ ████████████ █████ ██████ █████████ ██████
██████ ██████ ████████████████
████ █ ███
██████████ █ █████████
█████████████ █ ████████████
█████████ █ ████████
infinite_scroll_component.html.erb
████ ███ ████████████████████ ████████████████ ██ ██████████ ██████████████ ████
███ ███████ ████ █████ █████ ███ ████████ ██
████ ██████████████████████████████████████
███ ███████ ██
██████
███ ███████ █████████ ███████ ██ ████████ ██
████ █████████████████████████████████████ ██████████ ███████████████ ████
████ ██████████ ███ ████████████ ██████████████ ████████████████████
███████████
infinite_scroll_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████████ ██████████ █████████ ██████ ██████████
██████ ██████ █ █
████ ███████
██████████ █ █████ ███████ ████████ ███ ██
█████ █ █████ ███████ ████████ ██████ ██
███████████ ███████
████████ █ █████ ████████ ████████ █████ ██
Registro de Cambios
- v1.0.0: Initial release with auto and manual modes
Obtener Acceso Completo
Desbloquea el código fuente de este componente y todos los demás. Un solo pago para acceso de por vida.
Obtener Acceso