Co je Webkit sticky?
Co je Webkit sticky?

Video: Co je Webkit sticky?

Video: Co je Webkit sticky?
Video: J.Geco - Chicken Song 2024, Smět
Anonim

pozice : lepkavý je nový způsob pozice prvků a je koncepčně podobný pozice : pevný. Rozdíl je v tom, že prvek s pozice : lepkavý se chová jako pozice : relativní v rámci svého rodiče, dokud není ve výřezu splněn daný práh posunu.

Navíc, co dělá pozice sticky?

Prvek s pozice : lepkavý ; je umístěn na základě rolování uživatele pozice . A lepkavý element přepíná mezi relativním a pevným v závislosti na rolování pozice . Je umístěn relativně až do daného posunutí pozice se setká ve výřezu – pak se „přilepí“na místo (např pozice :pevný).

Někdo se také může ptát, jak zařídím, aby byla moje pozice pevná? Chcete-li vidět účinek lepivé umístění , vybrat pozice : lepkavý a posuňte tento kontejner. Prvek se bude posouvat spolu se svým kontejnerem, dokud nebude v horní části kontejneru (nebo nedosáhne posunutí určeného nahoře), a poté se přestane posouvat, takže zůstane viditelný.

mohu použít pozici sticky?

Podpora prohlížečů Umístěte Sticky je podporován všemi hlavními moderními prohlížeči, kromě starého IE. Pro prohlížeče Safari vás vůle je třeba přidat předponu -webkit.

Jaký je rozdíl mezi pevnou a pevnou polohou?

Aniž bych zacházel do konkrétních podrobností, pozice : lepkavý v podstatě působí jako pozice : relativní, dokud se prvek nepřesune za určitý posun, v takovém případě se změní na pozice : pevný , což způsobí, že se prvek "přilepí" k jeho pozice místo toho, aby byly posunuty ze zobrazení.

Doporučuje: