Framer
Features
  • Features
  • Improvements
Framer
  • Why Framer
  • Teams
  • Learn
    • Tutorials
    • Examples
    • Templates
    • Sessions
    • Speedruns
  • Pricing
  • Blog
  • Updates
  • Support
Features
  • Features
  • Improvements

Latest feature

  • Embedded public prototypes
    March 30, 2021

Previous features

  • Sticky scroll elements
    March 9, 2021
  • Scroll tool update
    February 24, 2021
  • Recommended Teams
    February 16, 2021
  • Smart Components
    February 2, 2021
  • Templates
    January 29, 2021

Sticky scroll elements

March 9, 2021

Create easy sticky elements such as sticky navigation, colliding headers, and fixed pagination arrows with the Scroll tool and Stacks in Framer. Select the element you want to remain sticky, then head over the properties panel and find the new Sticky property. Here you’ll see four position properties to customize your sticky header—top, bottom, left, and right. These properties represent the position of the sticky element relative to its parent to allow for full flexibility of your layers.

View the prototype here

Try Framer

Bring every idea to life.

Learn more
Pivot: Try Framer

Framer

  • Why Framer
  • Teams
  • Pricing
  • Blog
  • Updates
  • Motion

Platforms

  • Web
  • macOSbeta
  • WindowsBeta
  • iOS
  • Android
  • Figma Importing
  • Sketch Importing

Learn

  • Tutorials
  • Examples
  • Templatesnew
  • Sessions
  • Speedruns

Resources

  • Packages
  • API
  • Input Kitnew
  • State of Prototyping
  • Desktop Prototyping
  • Prototyping Tool
  • Mockup Tool
  • Wireframing Tool
  • UI/UX Design Tool
  • Graphic Design Tool
  • User Testing

About

  • Loupe
  • Community
  • Company
  • Careers
  • Legal
  • Security

Support

  • Using Framer
  • Accounts
  • Contact

  • Twitter
  • Discord
  • Dribbble

Copyright © 2021 Framer B.V.

  • Security
  • Terms of Service
  • Privacy Statement