Vad är Webkit sticky?
Vad är Webkit sticky?

Video: Vad är Webkit sticky?

Video: Vad är Webkit sticky?
Video: 😱STICKY NOTE PRANK ON DAD'S CAR!😱 | We Are The Davises 2024, November
Anonim

placera : klibbig är ett nytt sätt att placera element och är begreppsmässigt lik placera : fixat. Skillnaden är att ett element med placera : klibbig beter sig som placera : relativ inom dess överordnade, tills en given offset-tröskel uppnås i visningsporten.

Dessutom, vad gör position sticky?

Ett element med placera : klibbig ; placeras baserat på användarens rullning placera . A klibbig element växlar mellan relativ och fix beroende på rullningen placera . Den är placerad relativt till en given offset placera möts i visningsporten - då "fastnar" den på plats (som placera :fast).

Man kan också fråga sig, hur gör jag min position klibbig? För att se effekten av klibbig positionering , Välj placera : klibbig alternativet och rulla den här behållaren. Elementet kommer att rulla tillsammans med sin behållare tills det är överst i behållaren (eller når den offset som anges i toppen), och kommer sedan att sluta rulla, så att det förblir synligt.

kan jag använda position sticky?

Webbläsare Support Placera Sticky stöds av alla större moderna webbläsare, förutom gamla IE. För Safari-webbläsare du kommer måste lägga till prefixet -webkit.

Vad är skillnaden mellan position sticky och fixed?

Utan att gå in på specifika detaljer, placera : klibbig fungerar i princip som placera : relativ tills ett element rullas bortom en specifik offset, i vilket fall det övergår till placera : fast , vilket gör att elementet "fastnar" till sin placera istället för att rullas ut ur sikte.

Rekommenderad: