Wix Parallax-Effekt

• April 26, 2024

Eine nette Animation auf Wix-Websites ist der Parallax-Scrolling-Effekt. Es ist keine echte Animation, aber es fügt Ihrer Webseite die Illusion von Bewegung, Tiefe und Dimension hinzu.

Dieser Effekt ist seit mehreren Jahren beliebt und eine gute Möglichkeit, einer Website ein wenig Interesse zu verleihen, ohne eine überwältigende Animation hinzuzufügen. Das Parallaxen-Scrollen wird erstellt, wenn Sie den Browser anweisen, das Hintergrundbild langsamer als die anderen Elemente auf der Seite zu scrollen. Wie zu erwarten ist, eignet sich der Bildlaufeffekt hervorragend für lange, einseitige Websites.

Diese Technik wird mit JavaScript-, CSS- und div-Elementen erstellt. Beachten Sie nur, dass die meisten Mobilgeräte ein Problem mit festem Hintergrund-CSS haben. Daher deaktiviert Wix den Effekt für mobile Geräte.

Beim Erstellen Ihrer Wix-Website ist jedoch keine Codierung erforderlich. Es ist so einfach wie die Auswahl der Option Parallaxe für ein Hintergrundbild oder ein Streifenbild. Es kann auch einem Strip-Video hinzugefügt werden.

Ohne das Parallaxen-Scrollen wird das Hintergrundbild für die Webseite im Einklang mit den anderen Elementen auf der Seite verschoben, wenn der Betrachter über die Seite rollt.

Wenn wir jedoch den Parallax-Bildlaufeffekt auf das Hintergrundbild anwenden, wird das Hintergrundbild langsam gescrollt, während der Betrachter über die Seite rollt. Die Bemaßung erfolgt, wenn die anderen Elemente auf der Seite schneller als das Hintergrundbild scrollen.

Die dritte Option, die Option Einfrieren, für die Optionen für Bildlaufeffekte im Hintergrundbild besteht darin, das Hintergrundbild zu fixieren, während die restlichen Seitenelemente nach oben oder unten scrollen.

Parallaxe zum Hintergrundbild hinzufügen

1. Klicken Sie im Menü auf der linken Seite auf das Symbol Hintergrund.
   
   
2. Fügen Sie Ihr Hintergrundbild wie gewohnt hinzu.
   
   
3. Klicken Sie auf die Schaltfläche Einstellungen, um die Bildeinstellungen zu öffnen.
   
   
4. Wählen Sie eine von drei Optionen für die Bildlaufeffekte.
   
   
   • Keine - Der Hintergrund bewegt sich mit der gleichen Geschwindigkeit wie die anderen Elemente auf der Seite.
     
     
   • Parallaxe - Der Hintergrund bewegt sich langsamer als die anderen Elemente auf der Seite.
     
     
   • Einfrieren - Der Hintergrund bleibt erhalten, die anderen Elemente werden jedoch gescrollt.
     
     

Fügen Sie Parallaxe zu Strip Image oder Video hinzu

1. Wählen Sie den Streifen aus und wählen Sie im Popup-Menü die Option Streifenhintergrund ändern.
   
   
2. Fügen Sie wie gewohnt Hintergrundbilder oder Videos hinzu.
   
   
3. Klicken Sie auf die Schaltfläche Einstellungen, um die Bildeinstellungen zu öffnen.
   
   
4. Wählen Sie als Nächstes Parallaxe aus den Bildlaufeffekten.
   
   

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