Wat is Webkit-sticky?
Wat is Webkit-sticky?

Video: Wat is Webkit-sticky?

Video: Wat is Webkit-sticky?
Video: When position sticky doesn't stick 2024, Mei
Anonim

positie : kleverig is een nieuwe manier om positie elementen en is conceptueel vergelijkbaar met positie : gemaakt. Het verschil is dat een element met positie : kleverig gedraagt zich als positie : relatief binnen zijn bovenliggende, totdat een bepaalde offsetdrempel is bereikt in de viewport.

Bovendien, wat doet position sticky?

Een element met positie : kleverig ; wordt gepositioneerd op basis van de scroll van de gebruiker positie . EEN kleverig element schakelt tussen relatief en vast, afhankelijk van de scroll positie . Het wordt relatief gepositioneerd tot een bepaalde offset positie wordt voldaan in de viewport - dan "plakt" het op zijn plaats (zoals positie :gemaakt).

Men kan zich ook afvragen, hoe maak ik mijn positie plakkerig? Om het effect te zien van plakkerige positionering , selecteer de positie : kleverig optie en blader door deze container. Het element scrolt mee met zijn container, totdat het zich bovenaan de container bevindt (of de offset bereikt die bovenaan is gespecificeerd), en stopt dan met scrollen, zodat het zichtbaar blijft.

kan ik position sticky gebruiken?

Browser-ondersteuning Positie plakkerig wordt ondersteund door alle grote moderne browsers, behalve de oude IE. Voor Safari-browsers u zullen moet u het voorvoegsel -webkit toevoegen.

Wat is het verschil tussen positie kleverig en vast?

Zonder in details te treden, positie : kleverig gedraagt zich eigenlijk als positie : relatief totdat een element voorbij een specifieke offset wordt gescrold, in welk geval het verandert in positie : gemaakt , waardoor het element blijft "plakken" aan zijn positie in plaats van uit het zicht te scrollen.

Aanbevolen: