Kaj naredi položaj sticky?
Kaj naredi položaj sticky?

Video: Kaj naredi položaj sticky?

Video: Kaj naredi položaj sticky?
Video: ЛЮБОВЬ С ДОСТАВКОЙ НА ДОМ (2020). Романтическая комедия. Хит 2024, December
Anonim

Element z položaj : lepljiv ; je postavljen na podlagi uporabnikovega drsenja položaj . A lepljiv element preklaplja med relativno in fiksno, odvisno od drsenja položaj . Postavljen je relativno do danega odmika položaj se sreča v vidnem polju - potem se "prilepi" na svoje mesto (npr položaj :popravljeno).

Podobno, kako naj naredim svoj položaj lepljiv?

Da bi videli učinek lepljivo pozicioniranje , izberite položaj : lepljiv možnost in se pomaknite po tem vsebniku. Element se bo pomikal skupaj s svojim vsebnikom, dokler ni na vrhu vsebnika (ali doseže odmik, določen na vrhu), nato pa se bo nehal premikati, tako da ostane viden.

Vedite tudi, kakšna je razlika med pozicijo lepljivo in fiksno? Ne da bi se spuščali v posebne podrobnosti, položaj : lepljiv v bistvu deluje kot položaj : relativno, dokler se element ne pomakne preko določenega odmika, v tem primeru pa se spremeni v položaj : fiksno , zaradi česar se element "prilepi" na svoje položaj namesto da bi bili pomaknjeni iz pogleda.

Ali lahko v zvezi s tem uporabim položaj CSS sticky?

CSS

položaj : lepljiv

je podprt v Firefoxu, Safariju in Chrome Canaryju (56+). Položaj CSS : lepljiv je podprt v Firefoxu, Safariju in Chrome Canaryju (56+).

Kaj je Webkit lepljiv?

položaj : lepljiv je nov način za položaj elementov in je konceptualno podoben položaj : popravljeno. Razlika je v tem, da element z položaj : lepljiv obnaša kot položaj : relativno znotraj nadrejenega, dokler ni dosežen dani prag odmika v vidnem polju.

Priporočena: