Premessa
Lo scroll orizzontale è una sezione i cui pannelli scorrono lateralmente mentre l’utente continua a scrollare in verticale, in modo naturale. È perfetto per una galleria, una timeline o una sequenza di passaggi che starebbero stretti in colonna.
La sezione si pinna e la traccia trasla su X di una quantità calcolata dalla larghezza reale del contenuto, così l’animazione finisce esattamente quando l’ultimo pannello è in vista, qualunque sia il numero di pannelli.
Anche qui il layout in riga clippata è attivato da una classe aggiunta dal JavaScript solo all’avvio. È la condizione per il degrado pulito: senza JavaScript o in modalità ridotta i pannelli restano impilati verticalmente e leggibili, invece di essere tagliati da un overflow nascosto che non scorrerà mai.
Provalo dal vivo
Scorri verso il basso: la sezione si blocca e i quattro pannelli scorrono di lato.
Pannello 1
Continua a scorrere verso il basso.
Pannello 2
Continua a scorrere verso il basso.
Pannello 3
Continua a scorrere verso il basso.
Pannello 4
Continua a scorrere verso il basso.
Senza JavaScript o in modalità ridotta i pannelli restano impilati verticalmente e leggibili, senza tagli.
Per maggiori informazioni contattami: info@davidemugnaini.it.