Wix Parallax Effekt

• Maj 18, 2024

En trevlig animation som finns på Wix webbplatser är parallax-rullningseffekten. Det är inte en riktig animation men det lägger till en illusion av rörelse, djup och dimension på din webbsida.

Denna effekt har varit populär i flera år och är ett trevligt sätt att lägga till lite intresse på en webbplats utan att lägga till en överväldigande animation. Parallax-rullning skapas när du ber webbläsaren att rulla bakgrundsbilden i en långsammare takt än de andra elementen på sidan. Som du kan förvänta dig är rullningseffekten bra för de långa webbsidorna på en sida.

Den här tekniken skapas med JavaScript, CSS och div-element. Bara en anmärkning att tänka på är att de flesta mobila enheter har problem med fast bakgrund CSS. Så, Wix stänger av effekten för mobila enheter.

Men när du skapar din Wix-webbplats är det ingen kodning inblandad. Det är lika enkelt som att välja alternativet Parallax för en bakgrundsbild eller remsa. Det kan också läggas till i en remsvideo.

Utan parallax-rullning tillämpas, kommer bakgrundsbilden för webbsidan att förflyttas i överensstämmelse med de andra elementen på sidan när tittaren rullar över sidan.

Men när vi använder Parallax-rullningseffekten på bakgrundsbilden, rullar bakgrundsbilden långsamt när tittaren rullar över sidan. Dimensionen inträffar när de andra elementen på sidan rullar snabbare än bakgrundsbilden.

Det tredje alternativet, Freeze-alternativet, för bakgrundsbilden Alternativ för Scroll Effects är att låsa bakgrundsbilden på plats när resten av sidelementen bläddrar uppåt eller nedåt.

Lägg till parallax i bakgrundsbilden

1. Klicka på bakgrundsikonen i vänster-menyn.
   
   
2. Lägg till din bakgrundsbild som vanligt.
   
   
3. Klicka på knappen Inställningar för att öppna bildinställningarna.
   
   
4. Välj ett av tre alternativ för Scroll Effects.
   
   
   • Inget - bakgrunden kommer att röra sig i samma takt som de andra elementen på sidan.
     
     
   • Parallax - bakgrunden rör sig långsammare än de andra elementen på sidan.
     
     
   • Frys - bakgrunden förblir på plats men de andra elementen kommer att bläddra.
     
     

Lägg till Parallax till Strip Image eller Video

1. Välj remsan och välj Byt remsbakgrund på popup-menyn.
   
   
2. Lägg till bakgrundsbild eller video som vanligt.
   
   
3. Klicka på knappen Inställningar för att öppna bildinställningarna.
   
   
4. Välj sedan Parallax från Scroll Effects.
   
   

Video Instruktioner: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (Maj 2024).