Čo je Webkit sticky?
Čo je Webkit sticky?

Video: Čo je Webkit sticky?

Video: Čo je Webkit sticky?
Video: Create a fully responsive sticky Nav-Bar on HTML, CSS and JavaScript 2024, November
Anonim

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.

Navyše, čo robí pozícia sticky?

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

Niekto sa môže tiež opýtať, ako urobím svoju pozíciu lepivou? 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ý.

môžem použiť pozíciu sticky?

Podpora prehliadačov Pozícia Sticky je podporovaný všetkými hlavnými modernými prehliadačmi, okrem starého IE. Pre prehliadače Safari vás bude je potrebné pridať predponu -webkit.

Aký je rozdiel medzi polohou 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.

Odporúča: