Čo robí pozícia sticky?
Čo robí pozícia sticky?

Video: Čo robí pozícia sticky?

Video: Čo robí pozícia sticky?
Video: Как устроена IT-столица мира / Russian Silicon Valley (English subs) 2024, November
Anonim

Prvok s pozíciu : lepkavý ; je umiestnená na základe rolovania používateľa pozíciu . A lepkavý prvok prepína medzi relatívnym a pevným v závislosti od rolovania pozíciu . Umiestňuje sa relatívne až po daný posun pozíciu sa stretne vo výreze - potom sa "prilepí" na miesto (napr pozíciu :opravené).

Podobne, ako urobím svoju pozíciu pevne?

Ak chcete vidieť účinok lepivé umiestnenie , vyberte pozíciu : lepkavý a posúvajte tento kontajner. Prvok sa bude posúvať spolu so svojím kontajnerom, až kým nebude v hornej časti kontajnera (alebo nedosiahne posun zadaný v hornej časti), a potom sa posúvanie zastaví, takže zostane viditeľný.

Tiež viete, aký je rozdiel medzi pozíciou lepkavou a pevnou? Bez toho, aby som zachádzal do konkrétnych detailov, pozíciu : lepkavý v podstate pôsobí ako pozíciu : relatívne, kým sa prvok neposunie za konkrétny posun, v takom prípade sa zmení na pozíciu : pevné , čo spôsobí, že sa prvok "prilepí" na jeho pozíciu namiesto toho, aby boli posunuté mimo dohľadu.

V súvislosti s tým môžem použiť pozíciu CSS sticky?

CSS

pozíciu : lepkavý

je podporovaný v prehliadačoch Firefox, Safari a Chrome Canary (56+). Pozícia CSS : lepkavý je podporovaný v prehliadačoch Firefox, Safari a Chrome Canary (56+).

Čo je Webkit sticky?

pozíciu : lepkavý je nový spôsob pozíciu prvkov a je koncepčne podobný pozíciu : opravené. Rozdiel je v tom, že prvok s pozíciu : lepkavý sa správa ako pozíciu : relatívne v rámci svojho rodiča, kým sa vo výreze nedosiahne daný prah posunu.

Odporúča: