Mitä position sticky tekee?
Mitä position sticky tekee?

Video: Mitä position sticky tekee?

Video: Mitä position sticky tekee?
Video: 🔥 БАСТА! Сценария ТОЛЬКО два: наступление или выборы! - Соскин. Парад ПРЕДАТЕЛЕЙ. Пригожин крайний 2024, Marraskuu
Anonim

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

Samoin, kuinka teen 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ä.

Tiedä myös, 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ä.

Voinko käyttää tähän liittyen CSS-sijaintia?

CSS

asema : tahmea

on tuettu Firefoxissa, Safarissa ja Chrome Canaryssa (56+). CSS-sijainti : tahmea on tuettu Firefoxissa, Safarissa ja Chrome Canaryssa (56+).

Mikä Webkit sticky on?

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.

Suositeltava: