Mikä Webkit sticky on?
Mikä Webkit sticky on?

Video: Mikä Webkit sticky on?

Video: Mikä Webkit sticky on?
Video: Sticky Navigation Bar On Scroll Using Vanilla Javascript | Fixed Navbar on Scroll 2024, Marraskuu
Anonim

asema : tahmea on uusi tapa asema elementtejä ja on käsitteellisesti samanlainen asema : korjattu. Erona on, että elementti asema : tahmea käyttäytyy kuin asema : suhteellinen sen ylätason sisällä, kunnes tietty siirtymäkynnys saavutetaan katseluportissa.

Lisäksi mitä position sticky tekee?

Elementti, jossa on asema : tahmea ; on sijoitettu käyttäjän rullauksen perusteella asema . A tahmea elementti vaihtaa suhteellisen ja kiinteän välillä vierityksen mukaan asema . Se sijoitetaan suhteellisesti tiettyyn siirtymään asti asema kohtaa katseluportissa - sitten se "kiinni" paikoilleen (kuten asema :korjattu).

Voidaan myös kysyä, kuinka saan asemani tahmeaksi? Nähdäksesi vaikutuksen tahmea sijainti , Valitse asema : tahmea vaihtoehto ja vieritä tätä säilöä. Elementti vierittää säilön mukana, kunnes se on säilön yläosassa (tai saavuttaa yläosassa määritetyn siirtymän), ja lopettaa sitten vierityksen, joten se pysyy näkyvissä.

Voinko käyttää sticky-asentoa?

Selainten tuki Asento Sticky sitä tukevat kaikki yleisimmät nykyaikaiset selaimet, paitsi vanha IE. Safari-selaimille sinä tahtoa täytyy lisätä -webkit-etuliite.

Mitä eroa on kiinteän ja kiinteän asennon välillä?

Menemättä yksityiskohtiin, asema : tahmea periaatteessa toimii kuten asema : suhteellinen, kunnes elementtiä vieritetään tietyn siirtymän yli, jolloin se muuttuu asema : korjattu , jolloin elementti "tarttuu" siihen asema sen sijaan, että se vierittäisi pois näkyvistä.

Suositeltava: