Scorrimento infinito
Carica automaticamente altri contenuti quando si scorre vicino al fondo di un contenitore. Funziona naturalmente con i Turbo Frame per un'integrazione Rails fluida. Supporta il caricamento automatico tramite IntersectionObserver e la modalità pulsante "Carica altri".
Anteprima e Codice
_infinite_scroll.html.erb
██
███ █ █████████████████████████
█████████ █ ███████████████████████████████ ████
████████████ █ ██████████████████████████████████ █████████████
████████ █ ██████████████████████████████ ███ ████ ███████
████ █ ██████████████████████████ █████████████
███████████ █ █████████████████████████████████ ████
███████████ █ █████████████████████████████████ █████ ██████
█████ █ ███████████████████████████ ██████
███████████ █ ███████████████████████████ ███
infinite_scroll_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████████ ██████████ █████████ ██████ ██████████
██████ ██████ █ █
████ ███████
██████████ █ █████ ███████ ████████ ███ ██
█████ █ █████ ███████ ████████ ██████ ██
███████████ ███████
████████ █ █████ ████████ ████████ █████ ██
infinite_scroll_component.rb
█ ██████████████████████ ████
█████ ███████████████████████ █ ███████████████████
███ ████████████████ ██████████ ████ █████████████ █████████████ █████████ ███ ████ ███████
█████ ██████ ████████████ ████ ████████████ █████ ██████ █████████ ██████
██████ ██████ ████████████████
████ █ ███
██████████ █ █████████
█████████████ █ ████████████
█████████ █ ████████
infinite_scroll_component.html.erb
████ ███ ████████████████████ ████████████████ ██ ██████████ ██████████████ ████
███ ███████ ████ █████ █████ ███ ████████ ██
████ ██████████████████████████████████████
███ ███████ ██
██████
███ ███████ █████████ ███████ ██ ████████ ██
████ █████████████████████████████████████ ██████████ ███████████████ ████
████ ██████████ ███ ████████████ ██████████████ ████████████████████
███████████
infinite_scroll_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ████████████ ██████████ █████████ ██████ ██████████
██████ ██████ █ █
████ ███████
██████████ █ █████ ███████ ████████ ███ ██
█████ █ █████ ███████ ████████ ██████ ██
███████████ ███████
████████ █ █████ ████████ ████████ █████ ██
Registro delle modifiche
- v1.0.0: Initial release with auto and manual modes
Ottieni l'Accesso Completo
Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.
Ottieni l'Accesso Ora