Studio Editor: Sticky-Elemente und Abschnitte erstellen
3 Min. Lesezeit
Lass einen Abschnitt oder ein Element an der Seite haften, während Website-Besucher nach oben oder unten scrollen. Wenn das Element oder Abschnitt den Viewport des Besuchers erreicht, wird es oben, unten oder an beiden Rändern haften bleiben. Du kannst den Abstand festlegen, das heißt den Abstand vom oberen oder unteren Rand.
Öffne unsere Wix Studio Academy, um zusätzliche Webinare, Anleitungen und Kurse von Wix Studio anzusehen.
In diesem Artikel erfährst du mehr über folgende Themen:
Wusstest du schon?
Du kannst einen Scroll-Effekt für die Kopfzeile hinzufügen, sodass sich ihr Aussehen verändert, wenn Besucher nach oben und unten scrollen. Lass zum Beispiel die Kopfzeile beim Scrollen die Farbe ändern oder verschiebe sie aus dem Blickfeld, damit Besucher sich auf die Seite konzentrieren können.
Die Sticky-Position für ein Element oder einen Abschnitt anwenden
- Wähle den entsprechenden Abschnitt oder das entsprechende Element aus.
- Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen
.
- Scrolle nach unten zu Position.
- Wähle aus dem Aufklappmenü Positionstyp die Option Sticky aus.
- Wähle aus, wo der Abschnitt/das Element haftet: Oben, Unten, oder Unten und oben.
- (Optional) Gib einen Wert für den Abstand ein, um Abstand darüber oder darunter zu schaffen.
Hinweis zur DOM Order:
Standardmäßig wird die DOM Order der Seite automatisch organisiert, einschließlich der Reihenfolge der Abschnitte. Wenn du möchtest, dass ein Sticky-Abschnitt über anderen im DOM erscheint, klicke mit der rechten Maustaste auf den Abschnitt und wähle Anordnen und In den Vordergrund.
Die Sticky-Position entfernen
Du kannst Elemente und Abschnitte jederzeit in die Standardposition zurücksetzen. Das bedeutet, dass sie, wenn sie den Viewport erreichen, nicht mehr auf dem Bildschirm haften bleiben, sondern in ihrer Position bleiben.
Um die Sticky-Position zu entfernen:
- Wähle den entsprechenden Abschnitt oder das entsprechende Element aus.
- Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen .
- Scrolle nach unten zu Position.
- Wähle aus dem Aufklappmenü Positionstyp die Option Standard aus.
Nützliche Anleitungen
Es gibt so viele interessante Effekte, die du mit Sticky-Elementen und Abschnitten erstellen kannst. Sieh dir diese Videos der Wix Studio Academy an und entdecke deine Möglichkeiten:
War das hilfreich?
|