Co dělá pozice sticky?
Co dělá pozice sticky?

Video: Co dělá pozice sticky?

Video: Co dělá pozice sticky?
Video: When position sticky doesn't stick 2024, Smět
Anonim

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

Stejně tak, 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ý.

Také víte, jaký je rozdíl mezi polohou lepkavou a pevnou? 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í.

Mohu v tomto ohledu použít pozici CSS sticky?

CSS

pozice : lepkavý

je podporován v prohlížečích Firefox, Safari a Chrome Canary (56+). CSS pozice : lepkavý je podporováno ve Firefoxu, Safari a Chrome Canary (56+).

Co je Webkit sticky?

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.

Doporučuje: