Framer
Copy
Logo as SVG
Brand
Guidelines
Academy
Search
Fundamentals
Learn
Courses
Insert Menu
Layout & Design
Navigation
Animations & Effects
Scroll
CMS
Forms
Localization
Publishing & Settings
Templates
Make your site react to scroll events.
3:01
Side scrolling navigations.
This release brings new properties that unlock new types of navigation patterns.
3:10
Hide navbar based on scroll direction.
Kickstart custom animations whenever you scroll up or down, like fading out a navigation bar when people scroll down.
7:10
Smooth Scrolling Links with Scroll Targets
Learn how create links that animate to specific sections of your web page.
4:33
How to stick elements to the screen while scrolling.
Make elements stick and unstick to the top while scrolling their parent.
17:06
Scroll Transforms
Design expressive landing pages with complete control over the scroll position.
8:18
Dynamically show content using Scroll Variant.
Learn how to create engaging and dynamic phone content that adapts as you scroll through different sections.
CMS powered Scroll Sections
Learn how to define Scroll Sections within CMS Collection Lists.
12:47
Scroll Animations
Add high-fidelity effects and animate variants within specific sections.