Scorrimento della sezione a pagina intera
perDivi
Scorrimento della sezione Divitrasforma lo scorrimento normale in un'elegante esperienza a schermo intero: la pagina scorre da una sezione Divi a quella successiva con un'animazione fluida e configurabile. Perfetto per pagine di destinazione, portfolio e siti Web di una pagina.
Ottieni lo scorrimento della sezione Divi → Disponibile sul Marketplace Divi ufficialeGuardalo in azione
Una pergamena. Una sezione. Attrito zero.
Invece dello scorrimento libero, ogni movimento della rotellina del mouse, scorrimento o pressione di un tasto fa scattare la visualizzazione alla sezione Divi successiva, come i siti premium "a pagina intera" che vedi nelle vetrine del design.
Sembra costoso. Si installa in un minuto.
Attiva il plugin, spunta le pagine che desideri, salva. I tuoi visitatori ottengono sezioni fluide come il burro con la navigazione laterale dei punti: nessun codice, nessuna ginnastica per la creazione di pagine.
- Rotella del mouse
- Scorrimenti touch con soglia regolabile
- Supporto completo della tastiera: frecce, Pagina su/giù, Spazio, Home
- Navigazione a punti cliccabili con descrizioni comandi dei nomi delle sezioni
- Freccia di scorrimento verso il basso opzionale che si nasconde nell'ultima sezione
Come funziona
Dall'installazione alla pagina intera in tre passaggi
Installare
Carica il plugin come qualsiasi altro plugin di WordPress. Un nuovo menu "Scorrimento sezione" viene visualizzato nel tuo amministratore.
Scegli le tue pagine
Utilizza il selettore di pagine ricercabili per abilitare lo scorrimento delle sezioni sulle pagine selezionate oppure attivalo in tutto il sito con un clic.
Accorda la sensazione
Scegli velocità, andamento, stile del punto e colori con un'anteprima dal vivo. Salva e la tua pagina Divi scorrerà come un sito vetrina.
Perché sceglierlo
Tutto ciò che un plugin a pagina intera dovrebbe fare: fatto bene
Vero scorrimento nativo
Il motore anima la reale posizione di scorrimento del browser invece di trasformare la pagina, così la parallasse Divi, gli elementi permanenti e gli effetti di scorrimento continuano a funzionare esattamente come progettati.
Controllo per pagina
Un selettore di pagine ricercabili con seleziona tutto/cancella ti consente di abilitare lo scorrimento dell'intera pagina esattamente al punto in cui appartiene: pagine di destinazione sì, post del blog no.
Sezioni alte gestite
Le sezioni più alte dello schermo scorrono naturalmente all'interno di se stesse prima di scattare in avanti. I contenuti lunghi non vengono mai interrotti.
Bella navigazione a punti
Punti, linee o quadrati: sinistra o destra, dimensioni e colori personalizzati, descrizioni comandi che mostrano il nome della sezione e un'anteprima dal vivo direttamente nelle impostazioni.
Collegamenti di ancoraggio
Le voci di menu che puntano a una sezione vi scorrono con la stessa animazione. Gli aggiornamenti facoltativi dell'hash URL indicano che i collegamenti condivisi arrivano nella sezione giusta.
Con riconoscimento del piè di pagina
Includi il piè di pagina come punto di scorrimento finale o lascialo fuori: in ogni caso, nulla sulla tua pagina diventerà irraggiungibile.
Adatto ai dispositivi mobili
Tocca i passaggi con una soglia regolabile o torna allo scorrimento normale al di sotto di un punto di interruzione configurabile (980px corrisponde al punto di interruzione del tablet Divi).
Accessibile per impostazione predefinita
Rispetta la preferenza di movimento ridotto del visitatore, pulsanti reali con etichette ARIA, gestione del focus e un ordine di schede coerente.
Leggero
JavaScript Vanilla sul front-end: niente jQuery, niente librerie pesanti. Le risorse vengono caricate solo nelle pagine in cui è attivo lo scorrimento della sezione.
Divi5
Ha come target le sezioni Divi in Divi 4 e Divi 5, ignora automaticamente le aree dei modelli di intestazione/piè di pagina e non interferisce mai con Visual Builder.
Sei curve di allentamento
Da un morbido ingresso-uscita a un leggero superamento "indietro", con una durata di transizione da 200 a 3000 ms: trova l'esatta sensazione del tuo marchio.
Adatto agli sviluppatori
Una piccola API JavaScript (next, prev, goTo…), un evento DOM dss:change su ogni modifica di sezione, filtri WordPress e un selettore di sezione personalizzato.
Controllo completo
Ogni opzione, una pagina di impostazioni pulita
Nessuna opzione sparsa, nessun codice breve da memorizzare. Una moderna schermata delle impostazioni controlla tutto, con un'anteprima in tempo reale della navigazione tramite punti mentre modifichi.
Dove corre
- Pagine selezionate o tutte le pagine
- Selettore di pagine ricercabili
- Seleziona tutto/cancella scorciatoie
- Stemma in prima pagina
Comportamento di scorrimento
- Durata della transizione (200–3000 ms)
- 6 curve di allentamento
- Tastiera
- Soglia di scorrimento
- Scorrimento libero nelle sezioni alte
- Interruzione piè di pagina, modalità loop
- Collegamenti di ancoraggio
Interfaccia utente di navigazione
- Punti, linee o quadrati
- Posizione sinistra o destra
- Misurare
- Descrizione comando del nome della sezione
- Colore della freccia di scorrimento verso il basso
- Anteprima dal vivo
Mobile
- Punto di interruzione del fallback mobile
- Supporto per movimenti ridotti
- Offset dell'intestazione fissa
- Z-index di navigazione
- Selettore di sezioni personalizzate
Domande frequenti
Domande frequenti
La parallasse Divi, gli elementi appiccicosi e gli effetti di scorrimento funzionano ancora
SÌ. Il plugin anima la posizione di scorrimento nativa del browser invece di trasformare la pagina con CSS, quindi tutto ciò che reagisce allo scorrimento continua a funzionare esattamente come previsto.
Cosa succede alle sezioni più alte dello schermo
Con "scorrimento libero all'interno delle sezioni alte" abilitato (impostazione predefinita), una sezione alta scorre normalmente all'interno di se stessa; una volta raggiunto il bordo, lo scorrimento successivo si aggancia alla sezione successiva. Niente viene tagliato.
Dirotta lo scorrimento nel builder Divi
No. Il motore non viene mai caricato all'interno del Visual Builder, del Customizer o delle anteprime: la modifica rimane completamente intatta.
Posso attivare le modifiche alle sezioni dai miei pulsanti
SÌ. Punta qualsiasi collegamento all'ID CSS di una sezione e la gestione fluida dell'ancora lo rileva oppure chiama direttamente l'API JavaScript, ad es.DiviSectionScroll.goTo(2).
Dai alle tue pagine Divi la sensazione di essere a pagina intera
Unisciti ai proprietari dei siti Divi che hanno trasformato pagine ordinarie in esperienze coinvolgenti, sezione per sezione, in pochi minuti e senza una riga di codice.
Acquista la sezione Divi Scorri sul Marketplace Divi → Di Divi Layouts Pro: autore ufficiale di Divi Marketplace