Come funziona lo Sticky Scroll

Come funziona la Posizione Sticky su Framer?

È possibile impostare un layer in uno Stack in modo che abbia una posizione sticky, in modo che rimanga in alto o in basso alla schermata durante lo scorrimento.

Aggiungere un Elemento Sticky

Per creare un header sticky, seleziona l'elemento desiderato e vai al pannello delle proprietà, dove troverai l'opzione Sticky. Qui sono disponibili quattro proprietà di posizione per personalizzare la distanza dall'alto, dal basso, da sinistra e da destra. Queste proprietà determinano la posizione dell'elemento sticky in relazione al suo layer genitore.

Risolvere Problemi sui Dispositivi Mobili

La funzione Sticky funziona solo se tutti i layer genitori hanno l'overflow impostato su visible, il che potrebbe causare problemi sui dispositivi mobili. In particolare, un elemento che fuoriesce dalla pagina web (come mostrato nell'immagine sottostante) può rendere la pagina scorrevole in orizzontale su un dispositivo mobile, generando risultati indesiderati. Per evitarlo, assicurati di controllare se ci sono elementi in eccesso nella pagina e, se necessario, inseriscili in un layer genitore e imposta l'overflow su hidden."