Sidebar
A vertical navigation or content panel typically positioned at the page edge, common in dashboards and documentation. Sidebars provide persistent access to navigation while leaving room for main content. Design sidebars to collapse gracefully on smaller screens.
Sticky Position
Layout
A hybrid positioning method where elements behave normally until reaching a scroll threshold, then fix in place. Sticky positioning creates headers that stay visible during scrolling within their container. Use sticky for navigation, sidebar elements, and persistent calls to action.
Z-Index
Layout
A CSS property controlling stack order when elements overlap, with higher values appearing in front of lower values. Z-index management becomes complex with many overlapping elements—establish systematic layer naming. In Framer, layer order in the sidebar determines stacking with z-index overrides available.
Sticky positioning
Layout
In Framer, sticky positioning is useful for sidebars, navigation aids, comparison panels, and storytelling layouts where one element should remain visible during part of the scroll.