Hvad gør position sticky?
Hvad gør position sticky?

Video: Hvad gør position sticky?

Video: Hvad gør position sticky?
Video: Sticky Sidebar: CSS Tutorial (Day 15 of CSS3 in 30 Days) 2024, December
Anonim

Et element med position : klæbrig ; er placeret baseret på brugerens rulle position . EN klæbrig element skifter mellem relativ og fast, afhængigt af rullen position . Den er placeret relativt indtil en given offset position mødes i viewporten - så "klæber" den på plads (som position :fast).

På samme måde, hvordan gør jeg min position klæbrig?

At se effekten af klæbrig positionering , vælg position : klæbrig mulighed og rul denne beholder. Elementet vil rulle sammen med sin beholder, indtil det er i toppen af beholderen (eller når den offset, der er angivet i toppen), og vil derefter stoppe med at rulle, så det forbliver synligt.

Ved også, hvad er forskellen mellem position sticky og fixed? Uden at gå i detaljer, position : klæbrig grundlæggende fungerer som position : relativ indtil et element rulles ud over en specifik offset, i hvilket tilfælde det bliver til position : fast , hvilket får elementet til at "klæbe" til sin position i stedet for at blive rullet ud af syne.

Med hensyn til dette, kan jeg bruge CSS position sticky?

CSS

position : klæbrig

understøttes i Firefox, Safari og Chrome Canary (56+). CSS position : klæbrig understøttes i Firefox, Safari og Chrome Canary (56+).

Hvad er Webkit sticky?

position : klæbrig er en ny måde at position elementer og ligner konceptuelt position : fast. Forskellen er, at et element med position : klæbrig opfører sig som position : relativ inden for dets overordnede, indtil en given offset-tærskel er nået i viewporten.

Anbefalede: