Framer Update, Scroll

Framer Update: Overflow Clip

Benjamin

2:08

8.1K views

Aug 13, 2025

About this lesson

The August Update brings a new default Overflow value to all layers: Clip. This value fixes all known smooth scrolling issues, all while letting you still clip the contents of your layers. It even provides performance benefits over other Overflow values, like Hidden. Plus, it seamlessly works with Sticky positioning, without requiring any changes. A perfect default all around. https://framer.com/updates/august-update-2025

Follow: https://framer.link/yt-x

Learn: https://framer.link/yt-academy

0:00Yo, my name is Benjamin and this is 0:03overflow clip in Framer. This new 0:06property solves many issues related to 0:08sticky and smooth scrolling. These 0:11issues are reported quite often and 0:14overflow clip solves all of these.0:17Here's what you need to know. Clip is 0:19now the default value for overflow on 0:22all newly created frames. For existing 0:25ones, you can manually set overflow to 0:28clip using the property panel. If you're 0:32working with sticky elements, it's 0:34recommended to now start using clip as 0:37the overflow value. And this is because 0:40unlike hidden, it does not break sticky 0:43positioning. And unlike visible, it 0:46correctly clips the content within,0:48preventing many scrolling issues on 0:51mobile. Simply put, when using overflow 0:54clip, which again is our new default 0:57value for overflow on any frame, sticky 1:01positioning and smooth scrolling just 1:04work. Clip also unlocks the ability to 1:07have your content overflow on one axis 1:10while having it hidden on the other. For 1:12example, here we have two posts that 1:16don't share the same height, but we want 1:18to keep the layout centered. So we can 1:21resize it to match the height of the 1:24smallest item. But with the hidden and 1:27visible values, this doesn't work as 1:30content still gets clipped horizontally 1:33and vertically. However, if we use clip 1:36instead of hidden, these types of 1:38layouts are now finally made possible.1:41We can clip the contents horizontally 1:45while overflowing vertically and vice 1:48versa, unlocking all new layouts and 1:51alignment options in Framer. And that's 1:55it for this video. Thank you so much for 1:58watching and stay tuned for more updates 2:01coming soon.

TeachesSticky & Fixed

Also coversFrames

Watch on YouTube ↗

‹ Triggering animations on scroll in Framer (Animation Lesson 7)

SEO Testing, Auditing & Launch Checklist (SEO Lesson 6) ›