Ko dara pozīcija sticky?
Ko dara pozīcija sticky?

Video: Ko dara pozīcija sticky?

Video: Ko dara pozīcija sticky?
Video: Crazy Frog - Axel F (Official Video) 2024, Maijs
Anonim

Elements ar pozīciju : lipīga ; ir novietots, pamatojoties uz lietotāja ritināšanu pozīciju . A lipīga elements pārslēdzas starp relatīvo un fiksēto, atkarībā no ritināšanas pozīciju . Tas ir novietots relatīvi līdz noteiktai nobīdei pozīciju tiek satikts skata logā - tad tas "pielīp" vietā (piemēram pozīciju :labots).

Tāpat, kā padarīt savu pozīciju lipīgu?

Lai redzētu ietekmi lipīga pozicionēšana , atlasiet pozīciju : lipīga opciju un ritiniet šo konteineru. Elements ritinās kopā ar konteineru, līdz tas būs konteinera augšdaļā (vai sasniegs augšpusē norādīto nobīdi), un pēc tam pārtrauks ritināšanu, lai tas paliktu redzams.

Ziniet arī, kāda ir atšķirība starp fiksēto un fiksēto pozīciju? Neiedziļinoties konkrētās detaļās, pozīciju : lipīga būtībā darbojas kā pozīciju : relatīvs, līdz elements tiek ritināts ārpus noteiktas nobīdes, un tādā gadījumā tas pārvēršas par pozīciju : fiksēts , liekot elementam "pielipt" pie tā pozīciju tā vietā, lai tiktu izritināts no redzesloka.

Saistībā ar to, vai varu izmantot CSS pozīcijas pielīmēšanu?

CSS

pozīciju : lipīga

tiek atbalstīts pārlūkprogrammās Firefox, Safari un Chrome Canary (56+). CSS pozīcija : lipīga tiek atbalstīts pārlūkprogrammās Firefox, Safari un Chrome Canary (56+).

Kas ir Webkit lipīga?

pozīciju : lipīga ir jauns veids, kā pozīciju elementiem un ir konceptuāli līdzīgs pozīciju : fiksēts. Atšķirība ir tāda, ka elements ar pozīciju : lipīga uzvedas kā pozīciju : relatīvs savā vecākajā, līdz skata logā tiek sasniegts noteiktais nobīdes slieksnis.

Ieteicams: