Wix Parallax-effect

• April 23, 2024

Een leuke animatie op Wix-websites is het parallax-scrolleffect. Het is geen echte animatie, maar het voegt wel de illusie van beweging, diepte en dimensie toe aan uw webpagina.

Dit effect is al enkele jaren populair en is een leuke manier om een ​​beetje interesse aan een website toe te voegen zonder een overweldigende animatie toe te voegen. Parallax-scrollen wordt gemaakt wanneer u de browser opdraagt ​​om door de achtergrondafbeelding te bladeren met een lagere snelheid dan de andere elementen op de pagina. Zoals je zou verwachten, is het scroleffect geweldig voor die lange websites met één pagina.

Deze techniek is gemaakt met JavaScript-, CSS- en div-elementen. Een opmerking om in gedachten te houden is dat de meeste mobiele apparaten een probleem hebben met vaste achtergrond-CSS. Dus schakelt Wix het effect voor mobiele apparaten uit.

Maar bij het maken van uw Wix-website is er geen codering bij betrokken. Het is net zo eenvoudig als het selecteren van de Parallax-optie voor een achtergrondafbeelding of stripafbeelding. Het kan ook worden toegevoegd aan een stripvideo.

Zonder toegepast parallax-scrollen, beweegt de achtergrondafbeelding voor de webpagina samen met de andere elementen op de pagina terwijl de kijker over de pagina schuift.

Wanneer we het Parallax-schuifeffect echter op de achtergrondafbeelding toepassen, schuift de achtergrondafbeelding langzaam terwijl de kijker over de pagina schuift. De dimensie vindt plaats terwijl de andere elementen op de pagina sneller scrollen dan de achtergrondafbeelding.

De derde optie, de optie Bevriezen, voor de opties voor scrolleffecten van de achtergrondafbeelding is om de achtergrondafbeelding op zijn plaats te vergrendelen terwijl de rest van de pagina-elementen omhoog of omlaag schuiven.

Voeg Parallax toe aan achtergrondafbeelding

1. Klik op het pictogram Achtergrond in het menu aan de linkerkant.
   
   
2. Voeg zoals gewoonlijk je achtergrondafbeelding toe.
   
   
3. Klik op de knop Instellingen om de beeldinstellingen te openen.
   
   
4. Kies een van de drie opties voor de schuifeffecten.
   
   
   • Geen - de achtergrond beweegt met dezelfde snelheid als de andere elementen op de pagina.
     
     
   • Parallax - de achtergrond beweegt langzamer dan de andere elementen op de pagina.
     
     
   • Bevriezen - de achtergrond blijft op zijn plaats, maar de andere elementen scrollen.
     
     

Voeg Parallax toe aan Stripafbeelding of Video

1. Selecteer de strip en kies Wijzig stripachtergrond in het pop-upmenu.
   
   
2. Voeg zoals gewoonlijk een achtergrondafbeelding of video toe.
   
   
3. Klik op de knop Instellingen om de beeldinstellingen te openen.
   
   
4. Kies vervolgens Parallax uit de Scroll-effecten.
   
   

Video-Instructies: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (April 2024).