Scroll-Animation

Header in Webflow später rein animieren

Level:
Fortgeschritten 👍

In diesem Tutorial zeige ich dir, wie du deinen Header bzw. deine Navigation erst anzeigen lassen kannst, wenn der User zu einem bestimmten Bereich auf deiner Seite gescrollt hat.

Die gleiche Vorgehensweise funktioniert auch mit anderen Elementen egal wo auf deiner Website. Ich nutze dafür das Webflow Interaktions-Tool und lasse eine Animation abfeuern, wenn ein bestimmter Bereich im Viewport des Browserfensters erreicht ist.

Das Ergebnis hier anschauen:
https://www.webflow-lernen.de

Kapitel:

00:00 – Intro
00:29 – Interaction der Navigation anlegen
03:48 – Problematik bei Reload der Website
04:31 – Lösung der Problematik
06:24 – Endergebnis
07:35 – Webflow Online-Kurs