In Flowmo, you control how elements behave as users scroll through your layout.
This guide covers the three main scroll modes:
Fixed PositionSticky PositionScroll with Parent
Each behavior helps simulate real-world UI patterns like headers, floating buttons, and toolbars — directly in your design.
1. Fixed Position
Fixed elements stay anchored in place — even while the page scrolls.
Use this when you want something like a top bar or bottom menu to always remain visible.
Note: Fixed positioning won’t work inside Auto Layout containers unless the element has absolute positioning enabled.
🔧 How to Use It
Select the element
In the Design panel, enable
Fixed PositionMake sure the element is inside a scrollable frame or canvas
✅ Use Cases
Floating action buttons (FABs)
Persistent toolbars or navbars
Chat inputs or bottom controls
2. Sticky Position
Sticky elements scroll with the content at first, but then “stick” to a specific edge — usually the top of their scrollable container — once they reach it.
This behavior is great for keeping important UI elements visible without taking up space permanently.
🔧 How to Use It
Select the element
In the Design panel, enable Sticky Position
Note: To control how sticky elements stack while scrolling:
Layers below the sticky element will scroll behind it
Layers above will scroll in front of it
→ Simply reorder layers in the Layers panel to change stacking order
✅ Use Cases
Sticky page headers
Section labels in long lists
Floating filters or category tags
3. Scroll with Parent
Scroll with Parent is the default scroll behavior in Flowmo.
Elements move along with their parent container during scrolling — no setup required.
This behavior is ideal for simulating natural scrolling on long pages or vertically scrollable sections.
🔧 How to Use It
Simply place the element inside a scrollable container or frame
It will automatically scroll with its parent
⚠️ Troubleshooting
If the element isn’t scrolling as expected:
Make sure the parent frame has scrolling enabled
Check that the element is not set to Fixed or Sticky Position
✅ Use Cases
Side panels with embedded toolbars
Scrollable cards with nested content
Custom scroll components (e.g. sliders, carousels)