rs scroll til sædet er en rulledrevet animationsudvidelse til Elementor, der flytter ethvert element fra sin oprindelige position til et bestemt punkt på siden, mens brugeren ruller. I modsætning til en simpel parallakseeffekt giver denne udvidelse dig præcis kontrol over, hvor bevægelsen starter, hvor den slutter, og hvordan elementet transformerer sig undervejs.
Du kan flytte og skalere enhver sektion, kolonne eller widget, der er jævnt knyttet til rullepositionen. Slutpunktet kan defineres enten af en fast pixelafstand eller ved at målrette mod et andet element på siden ved hjælp af en CSS-vælger, hvilket gør det fleksibelt nok til at synkronisere med dit sidelayout.
Det virker på sektioner, kolonner og widgets, og alle kontroller er responsive, så du kan finjustere adfærden separat til desktop, tablet og mobil.

RS scroll til sædet | GSAP RS Rul til sædet

Rul til sædet Muliggør en rulledrevet bevægelseseffekt på elementet. Når det er aktiveret, flytter (oversætter elementet) fra sin oprindelige position til en målposition, mens brugeren ruller ned på siden. Du finder to muligheder: Deaktiver og Aktiver.

forvandle Indstiller, hvor langt elementet bevæger sig (i pixels) langs Y-aksen, mens brugeren ruller. En positiv værdi flytter den nedad, en negativ værdi flytter den opad. Denne kontrol er lydhør.

skæl Skalerer elementet, mens brugeren ruller. En værdi på 1 er den oprindelige størrelse, 0,5 er halv størrelse, 2 er dobbeltstørrelse. Brug decimaltrin (f.eks. 0,5, 1,2). Denne kontrol er lydhør.

Top Offset Justerer rullepositionen (i pixels fra toppen af visningsporten), hvor effekten begynder at udløses. Brug dette til at forsinke effekten, indtil elementet når et bestemt punkt på skærmen. Denne kontrol er lydhør.

ende udløser Bestemmer, hvordan rulleeffekten ved, hvornår den skal stoppe. Du finder to muligheder: Afstand (PX) og CSS-vælger.
Afstand (PX): Effekten slutter efter scrolling af et fast antal pixels. CSS-vælger: Effekten slutter, når et specifikt element (identificeret af en CSS-vælger) kommer ind i viewporten.

værdi Indstiller afstanden i pixels, hvorefter rulleeffekten slutter. Kun tilgængelig, når End Trigger er indstillet til Distance (PX). Denne kontrol er lydhør.

vælger Indtast CSS-vælgeren for det element, der fungerer som sluttriggeren. Accepterer ID- eller klassevælgere (f.eks. #end-trigger-1 eller .end-trigger-1). Skal være en unik vælger på siden. Kun tilgængelig, når End Trigger er indstillet til CSS Selector.

buffer Indstiller positionen af vælgerelementet på visningsporten (0–150), hvor effekten stopper. For eksempel betyder en værdi på 50, at effekten slutter, når målelementet når midten af viewporten. Kun tilgængelig, når End Trigger er indstillet til CSS Selector.

Vis markør Viser visuelle markører på siden, der angiver, hvor rulleeffekten starter og slutter. Nyttigt under opsætningen til at bekræfte, at triggerpunkterne er korrekte. Deaktiver før udgivelse.

Var denne side nyttig?

Efterlad en kommentar

Din e-mailadresse vil ikke blive offentliggjort. Nødvendige felter er markeret *

sytten + en =