Hva gjør position sticky?
Hva gjør position sticky?

Video: Hva gjør position sticky?

Video: Hva gjør position sticky?
Video: Как стричь ЖЕНСКИЕ СТРИЖКИ! Уроки! СТРИЖКА КАСКАД Круглый Твердый! Пошагово! 2024, Kan
Anonim

Et element med posisjon : klissete ; er plassert basert på brukerens rulling posisjon . EN klissete element veksler mellom relativ og fast, avhengig av rullen posisjon . Den er plassert relativt inntil en gitt offset posisjon møtes i visningsporten - så "fester den seg" på plass (som posisjon :fikset).

På samme måte, hvordan gjør jeg posisjonen min klissete?

For å se effekten av klissete posisjonering , velg posisjon : klissete alternativet og rull denne beholderen. Elementet vil rulle sammen med beholderen til det er på toppen av beholderen (eller når forskyvningen som er spesifisert i toppen), og vil da slutte å rulle, slik at det forblir synlig.

Vet også, hva er forskjellen mellom posisjon klissete og fast? Uten å gå inn på spesifikke detaljer, posisjon : klissete i utgangspunktet fungerer som posisjon : relativ til et element rulles forbi en spesifikk forskyvning, i så fall blir det til posisjon : fikset , noe som får elementet til å "klistre" til sitt posisjon i stedet for å bli rullet ut av syne.

I forhold til dette, kan jeg bruke CSS-posisjonen klebrig?

CSS

posisjon : klissete

støttes i Firefox, Safari og Chrome Canary (56+). CSS-posisjon : klissete støttes i Firefox, Safari og Chrome Canary (56+).

Hva er Webkit klebrig?

posisjon : klissete er en ny måte å posisjon elementer og er konseptuelt lik posisjon : fikset. Forskjellen er at et element med posisjon : klissete oppfører seg som posisjon : relativ innenfor det overordnede, inntil en gitt offset-terskel er nådd i visningsporten.

Anbefalt: