Sticky Elements lader dig holde et bestemt element fast på plads, mens du scroller, og hjælper dig med at oprette fokuserede og interaktive sektioner på dit websted. Det er en nyttig funktion til ting som klæbrigt indhold, rulleanimationer eller fremhævelse af nøgleområder, når besøgende bevæger sig gennem siden.
Det tilføjer mere kontrol til dine layouts og får dine designs til at føles mere dynamiske og engagerende.
Konfigurer pin og trigger indstillinger
PIN-TRIGG
Styrer, hvilket element bestemmer, hvornår den klæbrige adfærd starter og slutter. Du finder to muligheder inkluderet
Standard: Den klæbrige adfærd starter og slutter automatisk baseret på containerens position og viewport-rulle.
Brugerdefineret: Giver dig mulighed for manuelt at indstille triggerelementet, der styrer, når den klæbrige adfærd starter eller slutter.
ende udløser
Standard: Bruger containerens naturlige rullegrænse til automatisk at stoppe den klæbrige adfærd.
Brugerdefineret: Giver dig mulighed for at angive et brugerdefineret element, der bestemmer, hvor den klæbrige adfærd skal ende. Du skal indtaste CSS-klassenavnet på det målelement, der vil fungere som slutudløseren.
stift
Pin-indstillingen tilbyder tre muligheder: tro, falsk, og sædvane.
SAND: Holder elementet fast i visningsporten, mens siden ruller.
Falsk: Tillader elementet at rulle normalt med siden.
Brugerdefineret: Definerer specifik rulleadfærd, såsom brugerdefinerede start/slutpositioner, varigheder eller avancerede triggere.
PIN START
Indstillingen Pin Start tilbyder muligheder som:
Top top, top midt, top bund, midter top, midterste, midterste bund, nederste top, nederste midte, bund og brugerdefineret.
Hver indstilling matcher en del af elementet (top, center, nederst) med en del af skærmen (top, center, bund) eller bruger en brugerdefineret position.
PIN-ENDE
Indstillingen for stiften tilbyder lignende muligheder som PIN START.
Pinafstand
Indstillingen for stiftafstand tilbyder tre muligheder: tro, falsk, og sædvane.
SAND: Tilføjer mellemrum under det fastgjorte element svarende til dets højde.
Falsk: Der vil ikke blive tilføjet plads til det fastgjorte element.
Brugerdefineret: Definer manuelt, hvor meget plads der skal tilføjes, hvor elementet oprindeligt var.
Pin Markers
Pin Markers har to muligheder: tro samt falsk.
SAND: Viser farvede markører på siden for at angive starten og slutningen af fastgjorte elementer visuelt.
Falsk: Skjuler markørerne for øje.
