Ce este Webkit sticky?
Ce este Webkit sticky?

Video: Ce este Webkit sticky?

Video: Ce este Webkit sticky?
Video: The Forgotten CSS Position 2024, Mai
Anonim

poziţie : lipicios este un nou mod de a poziţie elemente și este similar conceptual cu poziţie : fix. Diferența este că un element cu poziţie : lipicios se comportă ca poziţie : relativă în cadrul părintelui său, până când un anumit prag de compensare este atins în fereastra de vizualizare.

Mai mult, ce face poziționarea lipicioasă?

Un element cu poziţie : lipicios ; este poziționat pe baza scroll-ului utilizatorului poziţie . A lipicios elementul comută între relativ și fix, în funcție de derulare poziţie . Este poziționat relativ până la un offset dat poziţie este întâlnit în fereastra de vizualizare - apoi se „lipește” în loc (cum ar fi poziţie :fix).

Cineva se poate întreba, de asemenea, cum îmi fac poziția lipicioasă? Pentru a vedea efectul poziționare lipicioasă , selectează poziţie : lipicios opțiunea și derulați acest container. Elementul se va derula împreună cu containerul său, până când se află în partea de sus a containerului (sau atinge decalajul specificat în partea de sus), apoi se va opri derularea, astfel încât să rămână vizibil.

pot folosi position sticky?

Suport pentru browsere Poziționați Sticky este acceptat de toate browserele moderne majore, cu excepția vechiului IE. Pentru browserele Safari tu voi trebuie să adăugați prefixul -webkit.

Care este diferența dintre poziția sticky și fixed?

Fără a intra în detalii specifice, poziţie : lipicios practic actioneaza ca poziţie : relativ până când un element este derulat dincolo de un anumit offset, caz în care se transformă în poziţie : fix , ceea ce face ca elementul să se „lipească” de el poziţie în loc să fie derulat în afara vederii.

Recomandat: