Šta radi pozicija sticky?
Šta radi pozicija sticky?

Video: Šta radi pozicija sticky?

Video: Šta radi pozicija sticky?
Video: Manu Chao - Me Gustas Tu (Official Audio) 2024, Maj
Anonim

Element sa pozicija : lepljivo ; se pozicionira na osnovu korisnikovog skrolovanja pozicija . A lepljivo element se prebacuje između relativnog i fiksnog, ovisno o skrolovanju pozicija . Postavlja se relativno do datog pomaka pozicija se sretne u prozoru za prikaz - onda se "zalijepi" na mjesto (kao pozicija :popravljeno).

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

Da vidite efekat od lepljivo pozicioniranje , odaberite pozicija : lepljivo opciju i skrolujte po ovom kontejneru. Element će se pomicati zajedno sa svojim kontejnerom, sve dok se ne nađe na vrhu spremnika (ili dostigne pomak naveden na vrhu), a zatim će 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, pozicija : lepljivo u osnovi djeluje kao pozicija : relativno dok se element ne skroluje dalje od određenog pomaka, u kom slučaju se pretvara u pozicija : fiksno , uzrokujući da se element "zalijepi" za svoj pozicija umjesto da bude skrolovan van vidokruga.

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

CSS

pozicija : lepljivo

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

Šta je Webkit sticky?

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

Preporučuje se: