Studio Editor: Sticky-elementen en onderdelen maken
Leestijd 3 minuten
Maak een onderdeel of element op de pagina sticky, ofwel vastgezet, terwijl bezoekers op en neer scrollen. Wanneer het element of onderdeel de viewport van de bezoeker bereikt, blijft het aan de bovenkant, onderkant of beide plakken. Je kunt de verschuiving instellen. Dit is de afstand vanaf de boven- of onderkant.
Ga naar onze Wix Studio Academy om extra Wix Studio-webinars, instructievideo's en cursussen te bekijken.
In dit artikel lees je meer over:
Wist je dit al?
Je kunt een scrolleffect voor de koptekst toevoegen om de manier te wijzigen waarop bezoekers op en neer scrollen. Laat de koptekst bijvoorbeeld van kleur veranderen bij het scrollen of verplaats deze uit de weg om bezoekers te helpen zich op de pagina te concentreren.
De sticky positie toepassen op een element of onderdeel
- Selecteer het relevante onderdeel of element.
- Klik rechtsboven in de Editor op het Inspector openen-pictogram
.
- Scrol omlaag naar Positie.
- Selecteer Sticky in de Type-dropdown.
- Kies waar het onderdeel/element blijft plakken: Boven, Onderof Boven en onder.
- (Optioneel) Voer een offset-waarde in om ruimte boven of onder te creëren.
Opmerking over de DOM-volgorde:
Standaard wordt de DOM-volgorde van de pagina, inclusief de volgorde van de onderdelen, automatisch georganiseerd. Als je een 'sticky' onderdeel boven andere in het DOM wilt laten verschijnen, klik je met de rechtermuisknop op het onderdeel en selecteer je Schikken en Naar voorgrond.
De sticky positie verwijderen
Je kunt elementen en onderdelen altijd terugzetten naar de standaardpositie. Dit betekent dat ze niet langer aan het scherm plakken wanneer ze de viewport bereiken, maar op hun positie blijven.
Om de sticky positie te verwijderen:
- Selecteer het relevante onderdeel of element.
- Klik rechtsboven in de Editor op het Inspector openen-pictogram.
- Scrol omlaag naar Positie.
- Selecteer Standaard in de Type-dropdown.
Nuttige instructievideo's
Er zijn zoveel interessante effecten die je kunt creëren met sticky elementen en onderdelen. Bekijk deze video's van de Wix Studio Academy (in het Engels) en verken je opties:
Vond je dit artikel nuttig?
|