Rulning af fuldsidesektion
forDivi
Divi Sektion Rulgør normal rulning til en elegant fuldskærmsoplevelse: Siden glider fra en Divi-sektion til den næste med en jævn, konfigurerbar animation. Perfekt til landing pages, portfolios og one-side websites.
Hent Divi Sektion Rul → Tilgængelig på den officielle Divi MarketplaceSe det i aktion
En rulle. Ét afsnit. Nul friktion.
I stedet for fri rulning, snapper hvert svirp med musehjulet, swipe eller tastetryk visningsporten til den næste Divi-sektion - som de førsteklasses "helsides"-websteder, du ser i designudstillingsvinduer.
Føles dyrt. Installeres på et minut.
Aktiver plugin'et, sæt kryds ved de sider du ønsker, gem. Dine besøgende får smørglatte sektionssnapninger med sidepunktnavigation - ingen kode, ingen sidebyggergymnastik.
- Musehjul
- Berøringsstryg med en justerbar tærskel
- Fuld tastaturunderstøttelse: pile, side op/ned, mellemrum, startside
- Klikbar priknavigation med værktøjstip til sektionsnavn
- Valgfri hoppende rulle-ned-pil, der gemmer sig på den sidste sektion
Hvordan det virker
Fra installation til helside i tre trin
Installere
Upload plugin som ethvert andet WordPress plugin. En ny "Section Scroll"-menu vises i din administrator.
Vælg dine sider
Brug den søgbare sidevælger til at aktivere sektionsrulning på udvalgte sider - eller slå den til på hele webstedet med et enkelt klik.
Juster fornemmelsen
Vælg hastighed, lempelse, prikstil og farver med en live forhåndsvisning. Gem, og din Divi-side ruller som et udstillingssted.
Hvorfor vælge det
Alt, hvad et fuldside-plugin skal gøre - gjort rigtigt
Ægte Native Scrolling
Motoren animerer browserens reelle rulleposition i stedet for at transformere siden – så Divi-parallakse, klæbrige elementer og rulleeffekter bliver ved med at fungere præcis som designet.
Kontrol pr. side
En søgbar sidevælger med vælg alle / ryd lader dig aktivere helsidesrullning præcis, hvor den hører hjemme - destinationssider ja, blogindlæg nej.
Høje sektioner håndteres
Sektioner, der er højere end skærmen, ruller naturligt inde i sig selv, før de klikker videre. Langt indhold bliver aldrig afskåret.
Smuk Dot Navigation
Prikker, linjer eller firkanter - venstre eller højre, tilpasset størrelse og farver, værktøjstip, der viser sektionsnavnet, og en live forhåndsvisning lige i indstillingerne.
Anker links
Menupunkter, der peger på en sektion, glider til den med den samme animation. Valgfri URL-hash-opdateringer betyder, at delte links lander i den højre sektion.
Footer-Aware
Inkluder sidefoden som et sidste rullestop, eller udelad den - uanset hvad bliver intet på din side utilgængeligt.
Mobilvenlig
Tryk på swipes med en justerbar tærskel, eller fald tilbage til normal rulning under et konfigurerbart breakpoint (980px matcher Divis tablet-breakpoint).
Tilgængelig som standard
Respekterer den besøgendes præference for reduceret bevægelse, rigtige knapper med ARIA-etiketter, fokusstyring og en sammenhængende fanerækkefølge.
Letvægts
Vanilla JavaScript på frontend - ingen jQuery, ingen tunge biblioteker. Aktiver indlæses kun på de sider, hvor sektionsrulning er aktiv.
Divi 5
Målretter mod Divi-sektioner i Divi 4 og Divi 5, ignorerer automatisk sidehoved/sidefod skabelonområder og forstyrrer aldrig Visual Builder.
Seks lempende kurver
Fra en blød lethed ind-ud til en subtil "tilbage" overskydning med en overgangsvarighed fra 200 til 3000 ms - find den nøjagtige følelse af dit brand.
Udviklervenlig
En lille JavaScript API (next, prev, goTo…), en dss:change DOM-begivenhed ved hver sektionsændring, WordPress-filtre og en brugerdefineret sektionsvælger.
Fuld kontrol
Hver mulighed, én ren indstillingsside
Ingen spredte muligheder, ingen shortcodes at huske. Én moderne indstillingsskærm styrer alt - med en live-punkt-navigation-forhåndsvisning, mens du finjusterer.
Hvor det kører
- Udvalgte sider eller alle sider
- Søgbar sidevælger
- Vælg alle/ryd genveje
- Forsidemærke
Rulleadfærd
- Overgangsvarighed (200-3000 ms)
- 6 lempende kurver
- Tastatur
- Swipe-tærskel
- Gratis scroll i høje sektioner
- Footer stop, loop mode
- Anker links
Navigations-UI
- Prikker, linjer eller firkanter
- Venstre eller højre position
- Størrelse
- Værktøjstip til sektionsnavn
- Rul ned pil farve
- Live preview
Mobil
- Mobile fallback breakpoint
- Understøttelse af reduceret bevægelse
- Fixed-header offset
- Navigation z-indeks
- Brugerdefineret sektionsvælger
FAQ
Ofte stillede spørgsmål
Fungerer Divi-parallax, klæbrige elementer og scroll-effekter stadig
Ja. Pluginnet animerer browserens native scroll-position i stedet for at transformere siden med CSS, så alt, der reagerer på rulning, bliver ved med at fungere præcis som designet.
Hvad sker der med sektioner, der er højere end skærmen
Med "fri rulle inde i høje sektioner" aktiveret (standard), ruller en høj sektion normalt inde i sig selv; når du når dens kant, klikker den næste rulle til det følgende afsnit. Intet bliver skåret af.
Kaprer det at scrolle i Divi-builderen
Nej. Motoren indlæses aldrig i Visual Builder, Customizer eller forhåndsvisninger - redigering forbliver fuldstændig urørt.
Kan jeg udløse sektionsændringer fra mine egne knapper
Ja. Peg et hvilket som helst link på en sektions CSS ID, og den glatte ankerhåndtering opfanger det, eller ring direkte til JavaScript API'et, f.eks.DiviSectionScroll.goTo(2).
Giv dine Divi-sider en helsidefølelse
Slut dig til Divi-webstedsejerne, der forvandlede almindelige sider til fordybende sektion-for-sektion-oplevelser - på få minutter uden en kodelinje.
Køb Divi Sektion Rul på Divi Marketplace → Af Divi Layouts Pro — officiel forfatter til Divi Marketplace