Sticky scroll elements

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