Originariamente inviata da
SkyLinx
Ho creato un altro CodePen. La pagina ha del contenuto iniziale e reagisce allo scroll senza dover impostare l'height iniziale del container (che fa uscire la scrollbar in anticipo). Il contenuto aggiuntivo e' caricato con AJAX quando si scrolla, e viene visualizzato con fade in. Ogni porzione di HTML caricata con AJAX e' wrappata in un div con una classe temporanea usata per identificare il nuovo HTML aggiunto cosi' da fare fade in soltanto per quello e non per il contenuto gia' sulla pagina prima dello scroll.
Il codice evita di effettuare piu' HTTP requests contemporaneamente quando si scrolla velocemente.
Gioca con questo tipo di soluzione
https://codepen.io/SkyLinx/pen/wEowYP
Rispondi quotando
