Mit der Sticky-Position kannst du Elemente auf der Seite fixieren, also an einer Stelle festhalten, während der Rest der Seite weiter scrollt. In Onepage gibt es dafür zwei Möglichkeiten: du kannst entweder eine ganze Zeile oder nur Elementen in einem einzelnen Container fixieren. Beide Varianten funktionieren etwas unterschiedlich und wir würden gerne die beiden Optionen in diesem Artikel detailliert eingehen.
Kurz erklärt:
Ebene | Was bleibt fixiert? | Wie lange? |
Fixierte Zeile | Ganze Zeile inkl. Inhalt | Bis die nächste Zeile die aktuelle überlappt |
Fixierte Elemente | Elemente einzelner Container in einer Zeile | Solange die Zeile sichtbar bleibt |
Zeilen fixieren
Wenn du eine Zeile fixierst, bleibt die komplette Zeile samt aller enthaltenen Elemente (Container oder Layouts wie Netz, Bento, Masonry, Timeline) fest auf dem Bildschirm stehen. Beim Scrollen bleibt alles sichtbar, bis die nächste Zeile von unten kommt – dann verschwindet die fixierte Zeile automatisch hinter der nächsten Zeile.
Du kannst auch mehrere fixierte Zeilen übereinander verwenden – jede Zeile bleibt unabhängig fixiert.
⚠️ Wichtig: Um den Effekt zu erzielen, bei dem Zeilen hintereinander gestapelt werden, müssen sie Teil derselben Sektion sein. Stelle sicher, dass du dafür den Pro‑Modus aktivierst.
Um die Zeile zu fixieren, fahre mit dem Mauszeiger über der Zeile, die du fixieren möchtest. Am linken Rand (neben Menü) wird ein vertikaler Button mit drei Punkten angezeigt - bitte anklicken.
Anschließend bitte klicke auf Einstellungen ➡️ "Pinsel" Symbol ➡️ Stil hinzufügen ➡️ fixierte Position.
Videoanleitung - Zeile fixieren
Im folgenden Video demonstrieren wir gerne, wie du ein funktionierendes Beispiel von Anfang aufbauen kannst:
Elemente fixieren
Innerhalb einer Zeile kannst du einzelne Container fixieren. Hier bleibt dann nur dieser eine Container fixiert – der Rest der Zeile scrollt wie gewohnt weiter.
Du kannst z.B. zwei Container nebeneinander in einer Zeile einrichten.
Wenn du den linken Container fixierst, bleibt er sichtbar, während du scrollst – allerdings nur, solange die Zeile selbst noch im Sichtbereich ist.
Der rechte Container scrollt ganz normal weiter.
Sobald die komplette Zeile aus dem Sichtbereich scrollt, verschwindet auch der fixierte Container.
Um jetzt die Option "fixieren" zu aktivieren, bewege die Maus über den gewünschten Container und klicke in der Steuerleiste auf das Pinsel‑Symbol, um die Stil‑Einstellungen zu öffnen. Klicke auf Stil hinzufügen und wähle Fixierte Position.
Videoanleitung - Container fixieren
Im folgenden Video demonstrieren wir gerne, wie du ein funktionierendes Beispiel
von Anfang aufbauen kannst:
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂