Scorrimento parallasse reso facile con StickyStack.js

Gli effetti di parallasse catturano l'attenzione velocemente. Questi effetti mantengono certi sfondi in vista mentre scorri la pagina verso il basso. Troverete lo scrolling di parallasse su molti siti Web e temi WordPress e sono una parte importante del moderno web design.

Puoi anche creare uno stile di parallasse unico usando il plugin StickyStack.js . È costruito su jQuery e mantiene ciascuna sezione della pagina principale attaccata verso l'alto mentre scorri verso il basso.

Questo crea l' illusione di un sito Web a più livelli in cui ogni pagina "impila" l'una sull'altra. È davvero bello e facile da configurare da solo.

Sebbene sia abbastanza facile da configurare, richiede una certa comprensione dello sviluppo del frontend.

È necessario prima creare singole sezioni di pagina all'interno del contenitore principale. In questo modo avrai tutto incluso nell'HTML, in modo che tu possa indirizzare tutto con la funzione jQuery di StickyStack.

Include anche alcune opzioni in cui è possibile personalizzare il contenitore genitore, gli elementi che devono essere raggruppati e un'eventuale ombra della casella se si apprezza questo effetto.

Ecco un esempio di codice dalla pagina GitHub:

 $ ('. main-content-wrapper'). stickyStack ({containerElement: '.main-content-wrapper', stackingElement: 'section', boxShadow: '0 -3px 20px rgba (0, 0, 0, 0.25)' }); 

Anche se questo non è stato aggiornato in circa due anni, è ancora un plugin molto affidabile. Ha funzionato in tutti i browser che ho testato (Chrome, Safari e Firefox) con supporto per tutte le versioni di jQuery .

Inoltre, il file minificato è di soli 2 KB, che è una dimensione decente per un plug-in.

Per saperne di più, visita il repository principale e scopri cosa StickyStack può offrire. Penso che funzioni meglio su siti web a pagina singola o pagine di destinazione con grandi sfondi a schermo intero .

Puoi anche vedere una demo live su CodePen se vuoi vedere come appare su un sito live.

Come uccidere i tuoi "mostri" creativi nella Via Pratica

Lavorare come designer freelance, scrittore, editor video è difficile. Di solito non c'è supporto: è una strada solitaria. La cosa più fastidiosa di fare un lavoro creativo da soli sono i "blocchi creativi" (dovremmo chiamarli mostri?) Che colpisci di tanto in tanto.Sono spaventosi, quei dannati mostri. Fa

(Consigli tecnici e di design)

Questa pagina GitHub elenca le alternative non JS per le caratteristiche dell'interfaccia utente comuni

Quante volte hai voluto creare una rapida presentazione di CSS o una finestra modale ? Questi sono alcuni degli elementi dell'interfaccia utente più comuni sul Web e al giorno d'oggi è possibile crearli senza JavaScript.Certo, è possibile colpire Google alla ricerca di soluzioni. Ma perché non scegliere da una lista curata di risorse fantastiche?È q

(Consigli tecnici e di design)