header-logo
Aan de slagHoe Wix gebruiken om je website en bedrijf te bouwen.
Een website makenOntwerp en beheer je website met slimmme functionaliteiten.
Account en factureringBeheer abonnementen, pakketten en facturen.
De mobiele Wix-apps gebruikenRun je bedrijf en kom in contact met leden.
Een domein koppelenLees hoe je een domein koopt, koppelt of overzet.
Je bedrijf beherenDe juiste tools om je bedrijf op het web te laten groeien.
Je website promotenBoost je zichtbaarheid met SEO en marketingtools.
Studio, Specialisten en EnterpriseGeavanceerde functies om efficiënter te kunnen werken.
Meer hulp nodig?Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Wix LearnVerbeter je vaardigheden met onze cursussen en video's.
Wix BlogKrijg tips voor webdesign, marketing en meer.
SEO Learning HubLees hoe het organische websiteverkeer van zoekmachines te vergroten.
Website developmentBouw een eigen website met ons full-stack platform.
Een professional inhurenVind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image
In dit artikel
  • Parallax scrollen toevoegen aan een achtergrondafbeelding
  • Vastgezet scrollen aan je achtergrondafbeelding toevoegen

Wix Editor: Scrolleffecten toevoegen aan een afbeeldingsachtergrond

3 min
In dit artikel
  • Parallax scrollen toevoegen aan een achtergrondafbeelding
  • Vastgezet scrollen aan je achtergrondafbeelding toevoegen
Voeg diepte toe aan je website door scrolleffecten toe te voegen aan een afbeeldingsachtergrond.
Het scrollen van de achtergrond creëert een leuk, uniek effect wanneer bezoekers door je website navigeren en je kunt de look en de inhoud van je website vastzetten of er parallax op toepassen.
Belangrijk:
Je kunt alleen scrolleffecten zien als voorbeeld of op je live website. De manier waarop het wordt weergegeven in de Editor is niet hoe het eruit ziet op de live website.

Parallax scrollen toevoegen aan een achtergrondafbeelding

Parallax scrollen van achtergrondafbeeldingen creëert een gevoel van diepte en lagen op je website.
Je pagina-achtergrond en inhoud erboven bewegen met verschillende snelheden waardoor een coole en leuke ervaring voor je bezoekers ontstaat.
Belangrijk:
Parallax scrollen wordt niet weergegeven op de mobiele versie van je website.

Om een parallax-effect toe te voegen:

  1. Ga naar de relevante pagina in je Editor. 
  2. Klik links in de Editor op Websiteontwerp.
  3. Wijs Pagina-achtergrond aan en klik op Aanpassen.
  4. Klik op het voorbeeld van de achtergrondafbeelding op Instellingen.
  5. Selecteer Parallax onder Scrolleffecten.
GIF met een live Wix-website met Parallax-scrolling op de achtergrond van de afbeelding.
Let op:
Omdat dit effect vereist dat de afbeelding de volledige pagina vult raden we je aan om grote afbeeldingen van hoge kwaliteit te gebruiken voor de achtergrond van je pagina.

Vastgezet scrollen aan je achtergrondafbeelding toevoegen

Voeg een vastgezet effect toe aan de achtergrondafbeelding van je pagina. Dit betekent dat je pagina-achtergrond niet beweegt terwijl bezoekers op en neer scrollen maar de inhoud erboven wel.
Vastzetten is het perfecte effect om je websitepagina's verfijnd en dynamisch te maken en je bezoekers aan te moedigen om te blijven verkennen.

Om het vastzettingseffect toe te voegen:

  1. Ga naar de relevante pagina in je Editor. 
  2. Klik links in de Editor op Websiteontwerp.
  3. Wijs Pagina-achtergrond aan en klik op Aanpassen.
  4. Klik op het voorbeeld van de achtergrondafbeelding op Instellingen.
  5. Selecteer Vastzetten onder Scrolleffecten.
GIF met een live Wix-website met vastgezette scrolling op de achtergrond van de afbeelding.

Helpmate

Hallo,

Een beetje meer begeleiding nodig?
Samenvatting van dit artikel
Unlock personalized helpLog in to get the most out of Helpmate.