Uitdaging: Beheers Sticky Positioning
Taak
Ontwerp een blogindeling voor dierenartikelen, waarbij de bijbehorende dierenfoto altijd zichtbaar blijft terwijl de gebruiker het artikel leest. Wanneer de gebruiker begint te lezen over een ander dier, toon dan de volgende dierenfoto. Stappen:
- Pas
stickypositionering toe op het element met de classnaamillustration. - Geef de positie op de pagina aan waar het element sticky moet worden.
index.html
index.css
- Om de dierillustraties aan de bovenkant van het viewport te laten plakken terwijl de gebruiker het artikel leest, de
stickypositionering toepassen op het element met de classnaamillustration. - De eigenschap
topinstellen op0om aan te geven dat het element aan de bovenkant van het viewport moet blijven plakken.
index.html
index.css
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 2. Hoofdstuk 9
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Awesome!
Completion rate improved to 2.04
Uitdaging: Beheers Sticky Positioning
Veeg om het menu te tonen
Taak
Ontwerp een blogindeling voor dierenartikelen, waarbij de bijbehorende dierenfoto altijd zichtbaar blijft terwijl de gebruiker het artikel leest. Wanneer de gebruiker begint te lezen over een ander dier, toon dan de volgende dierenfoto. Stappen:
- Pas
stickypositionering toe op het element met de classnaamillustration. - Geef de positie op de pagina aan waar het element sticky moet worden.
index.html
index.css
- Om de dierillustraties aan de bovenkant van het viewport te laten plakken terwijl de gebruiker het artikel leest, de
stickypositionering toepassen op het element met de classnaamillustration. - De eigenschap
topinstellen op0om aan te geven dat het element aan de bovenkant van het viewport moet blijven plakken.
index.html
index.css
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 2. Hoofdstuk 9