Helsidessektionsrullning
förDivi
Divi Sektion Scrollförvandlar normal rullning till en elegant helskärmsupplevelse: sidan glider från en Divi-sektion till nästa med en smidig, konfigurerbar animering. Perfekt för målsidor, portföljer och ensidiga webbplatser.
Hämta Divi Sektion Scroll → Tillgänglig på den officiella Divi MarketplaceSe det i aktion
En rulla. Ett avsnitt. Noll friktion.
Istället för att rulla gratis, knäpper varje klick med mushjulet, svep eller tangenttryckning visningsporten till nästa Divi-sektion – som de premium "helsides"-sajter du ser i designutställningar.
Känns dyrt. Installeras på en minut.
Aktivera plugin, markera de sidor du vill ha, spara. Dina besökare får en mjuk sektionssnäppning med sidopunktsnavigering – ingen kod, ingen sidbyggargymnastik.
- Mushjul
- Trycksvep med justerbar tröskel
- Fullständigt tangentbordsstöd: pilar, sida upp/ner, mellanslag, hem
- Klickbar punktnavigering med verktygstips för avsnittsnamn
- Valfri studsande rullningspil som gömmer sig på det sista avsnittet
Hur det fungerar
Från installation till helsida i tre steg
Installera
Ladda upp plugin som alla andra WordPress plugin. En ny "Section Scroll"-meny visas i din administratör.
Välj dina sidor
Använd den sökbara sidväljaren för att aktivera avsnittsrullning på utvalda sidor – eller aktivera den på hela webbplatsen med ett klick.
Justera känslan
Välj hastighet, lättnad, prickstil och färger med en liveförhandsvisning. Spara och din Divi-sida rullar som en utställningssida.
Varför välja det
Allt ett helsidesplugin ska göra – gjort rätt
Sann Native Scrolling
Motorn animerar webbläsarens verkliga rullningsposition istället för att omvandla sidan – så Divi-parallax, klibbiga element och rullningseffekter fortsätter att fungera precis som de är designade.
Kontroll per sida
En sökbar sidväljare med välj alla / rensa låter dig aktivera helsidesrullning exakt där den hör hemma - målsidor ja, blogginlägg nej.
Höga sektioner hanteras
Sektioner som är högre än skärmen rullar naturligt inuti sig själva innan de snäpper vidare. Långt innehåll klipps aldrig av.
Vacker Dot Navigation
Prickar, linjer eller fyrkanter – vänster eller höger, anpassad storlek och färger, verktygstips som visar avsnittets namn och en förhandsvisning direkt i inställningarna.
Ankarlänkar
Menyalternativ som pekar på ett avsnitt glider till det med samma animering. Valfria URL-hash-uppdateringar innebär att delade länkar hamnar till höger.
Sidfotsmedveten
Inkludera sidfoten som ett sista rullningsstopp, eller utelämna den – i vilket fall som helst, ingenting på din sida blir oåtkomligt.
Mobilvänlig
Tryck på svep med en justerbar tröskel, eller fall tillbaka till normal rullning under en konfigurerbar brytpunkt (980px matchar Divis surfplattas brytpunkt).
Tillgänglig som standard
Respekterar besökarens preferenser för reducerad rörelse, riktiga knappar med ARIA-etiketter, fokushantering och en sammanhängande flikordning.
Lättvikt
Vanilla JavaScript på gränssnittet — ingen jQuery, inga tunga bibliotek. Tillgångar laddas endast på de sidor där avsnittsrullning är aktiv.
Divi 5
Inriktar sig på Divi-sektioner i Divi 4 och Divi 5, ignorerar automatiskt sidhuvud/sidfotsmallområden och stör aldrig Visual Builder.
Sex lättnadskurvor
Från en mjuk enkel in-ut till en subtil "back"-överskjutning, med en övergångslängd från 200 till 3000 ms – hitta den exakta känslan av ditt varumärke.
Utvecklarvänlig
Ett litet JavaScript API (nästa, föregående, goTo…), en dss:change DOM-händelse vid varje sektionsändring, WordPress-filter och en anpassad sektionsväljare.
Full kontroll
Varje alternativ, en ren inställningssida
Inga spridda alternativ, inga kortkoder att memorera. En modern inställningsskärm kontrollerar allt - med en live-punkt-navigeringsförhandsvisning när du justerar.
Där det körs
- Valda sidor eller alla sidor
- Sökbar sidväljare
- Välj alla / rensa genvägar
- Första sidans märke
Rulla beteende
- Övergångslängd (200–3000 ms)
- 6 lättnadskurvor
- Tangentbord
- Svep tröskel
- Gratis scroll i höga sektioner
- Footer stop, loop mode
- Ankarlänkar
Navigeringsgränssnitt
- Prickar, linjer eller rutor
- Vänster eller höger position
- Storlek
- Verktygstips för avsnittsnamn
- Rulla ned pilfärg
- Live förhandsvisning
Mobil
- Mobil reservbrytpunkt
- Stöd för reducerad rörelse
- Fixed-header offset
- Navigation z-index
- Anpassad sektionsväljare
FAQ
Vanliga frågor
Fungerar Divi-parallax, klibbiga element och rullningseffekter fortfarande
Ja. Insticksprogrammet animerar webbläsarens inbyggda rullningsposition istället för att omvandla sidan med CSS, så allt som reagerar på rullning fortsätter att fungera precis som det är designat.
Vad händer med sektioner högre än skärmen
Med "fri rullning inuti höga sektioner" aktiverat (standard), rullar en hög sektion normalt inuti sig själv; när du når dess kant, snäpper nästa rullning till följande avsnitt. Inget skärs av.
Kapar det rullning i Divi-byggaren
Nej. Motorn laddas aldrig inuti Visual Builder, Customizer eller förhandsvisningar – redigeringen förblir helt orörd.
Kan jag utlösa sektionsändringar från mina egna knappar
Ja. Peka på valfri länk på en sektions CSS ID och den smidiga ankarhanteringen hämtar den, eller ring JavaScript API direkt, t.ex.DiviSectionScroll.goTo(2).
Ge dina Divi-sidor en helsideskänsla
Gå med till Divi-webbplatsägarna som förvandlade vanliga sidor till uppslukande upplevelser avsnitt för avsnitt – på några minuter, utan en rad kod.
Köp Divi Sektion Scrolla på Divi Marketplace → Av Divi Layouts Pro — officiell Divi Marketplace-författare