Šta je Webkit sticky?
Šta je Webkit sticky?

Video: Šta je Webkit sticky?

Video: Šta je Webkit sticky?
Video: Manu Chao - Me Gustas Tu (Official Audio) 2024, Novembar
Anonim

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.

Štaviše, šta položaj sticky radi?

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).

Neko se takođe može zapitati, kako da učinim svoju poziciju lepljivom? 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.

mogu li koristiti poziciju sticky?

Podrška za pretraživače Position Sticky je podržan od strane svih glavnih modernih pretraživača, osim starog IE. Za Safari pretraživače vi će potrebno je dodati prefiks -webkit.

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.

Preporučuje se: