Positionierung

Framer bietet verschiedene Arten der Positionierung eines Elements (“Position” im Property-Panel) – je nach gewünschtem Verhalten.

• Relative Position: Elemente richten sich aneinander im Container aus (Die Anordnung wird durch den umgebenden Container bestimmt). Im Normalfall ist ein Element immer relativ positioniert. Beispiel: Dieser Textblock.

Im Normalfall ist ein Element immer relativ positioniert, damit es im Fluss der Seite bzw. des Layouts bleibt. Doch für spezielle Fälle gibt es noch drei weitere Positionierungsarten:

• Absolute Position: Elemente werden unabhängig von anderen Inhalten platziert. Hierbei zählt der Abstand vom Bildschirmrand (z. B. fixiert an einer bestimmten Ecke). Beispiel: Das schwebende Framer-Logo oben rechts auf der Seite "Shortcut der Woche"

  

  
  

• Fixed Position: Elemente wie Navigationsleisten oder Buttons bleiben immer sichtbar, auch beim Scrollen. Diese Positionierung ist nur innerhalb des obersten Layers möglich, nicht in verschachtelten Containern. Beispiel: Die Navigationsleiste oberhalb des Artikels.
  
  

• Sticky Position: Bleibt im normalen Seitenfluss, bis es an einer festgelegten Position fixiert ist. Beispiel: Die Artikelnavigation links in der Desktopansicht dieser Seite.