Što položaj sticky radi?
Što položaj sticky radi?

Video: Što položaj sticky radi?

Video: Što položaj sticky radi?
Video: DJ Sliqe - ft. Emtee, 25K and Flow Jones Jr. - Sta Soft (Official Visualizer) 2024, Svibanj
Anonim

Element sa položaj : ljepljiv ; se pozicionira na temelju korisnikovog pomicanja položaj . A ljepljiv element se prebacuje između relativnog i fiksnog, ovisno o pomicanju položaj . Postavlja se relativno do zadanog pomaka položaj se susreće u okviru za prikaz - onda se "zalijepi" na mjesto (kao položaj :popravljeno).

Isto tako, kako da svoju poziciju učinim ljepljivom?

Da biste vidjeli učinak od ljepljivo pozicioniranje , odaberite položaj : ljepljiv opciju i pomičite ovaj spremnik. Element će se pomicati zajedno sa svojim spremnikom, sve dok se ne nađe na vrhu spremnika (ili dostigne pomak naveden na vrhu), a zatim će se prestati pomicati, tako da ostaje vidljiv.

Također znajte koja je razlika između ljepljivog i fiksnog položaja? Ne ulazeći u konkretne detalje, položaj : ljepljiv u osnovi djeluje kao položaj : relativno dok se element ne pomakne dalje od određenog pomaka, u kojem slučaju se pretvara u položaj : fiksno , uzrokujući da se element "zalijepi" za svoj položaj umjesto da bude pomaknut iz vidokruga.

S obzirom na to, mogu li koristiti CSS poziciju sticky?

CSS

položaj : ljepljiv

je podržan u Firefoxu, Safariju i Chrome Canary (56+). CSS pozicija : ljepljiv je podržan u Firefoxu, Safariju i Chrome Canary (56+).

Što je Webkit ljepljiv?

položaj : ljepljiv je novi način da položaj elemenata i konceptualno je sličan položaj : fiksno. Razlika je u tome što element sa položaj : ljepljiv ponaša kao položaj : relativno unutar svog nadređenog, sve dok se zadani prag pomaka ne dostigne u okviru za prikaz.

Preporučeni: