Positioning modes in Framer

Framer
4,067 views •

Learn how positioning in Framer works by understanding what each layer is measured against. This lesson explains relative positioning for Stack and grid flow, absolute positioning inside a parent Frame, fixed positioning against the browser viewport, and sticky positioning within the bounds of a scrolling section. 00:00 Four positioning modes 00:41 Relative positioning 01:47 Absolute positioning 02:33 Fixed positioning 03:01 Sticky positioning 03:27 Recap Sign up: https://framer.link/yt Follow: https://framer.link/yt-x Learn: https://framer.link/yt-academy

Keyboard shortcuts

On. Switch them off if they collide with your assistive tools; ? still opens this sheet.

Go to

Press g then the letter.

  • gh Latest
  • gs Sources
  • gm Media
  • gv Videos
  • gp Podcasts
  • gc Calendar
  • gd Decoder
  • gz Dataviz
  • ga Datasets
  • gb Blog
  • gk Markets
  • gj Careers
  • gn Prompt Notebook

On this page

  • / Focus search, where there is one
  • t Back to top
  • ? This list
  • Esc Close