In this release, we’re introducing new features that improve mobile navigations in Framer, empowering you to deliver exceptional user experiences. We’ve recently shipped viewport unit support within components, for sizing properties such as min-height
and max-height
. This enables you to design expanded navigation states without relying on nesting. Today, we’re adding the overscroll
property, which prevents the page from scrolling along with your navigation. We’ve also refreshed the component previewing experience, avoiding height animations being cut-off. Watch the video above to learn more, or remix our demo here.
You can use Viewport units for Min and Max Height in Components
You can now preview height animations from the Component Canvas
You can add Overscroll to any layer with Overflow set to Scroll
Fixed a bug where the Viewport UI would render within Components
Fixed a bug where layers would stretch during animations after scroll
In this release, we’re introducing new features that improve mobile navigations in Framer, empowering you to deliver exceptional user experiences. We’ve recently shipped viewport unit support within components, for sizing properties such as min-height
and max-height
. This enables you to design expanded navigation states without relying on nesting. Today, we’re adding the overscroll
property, which prevents the page from scrolling along with your navigation. We’ve also refreshed the component previewing experience, avoiding height animations being cut-off. Watch the video above to learn more, or remix our demo here.
You can use Viewport units for Min and Max Height in Components
You can now preview height animations from the Component Canvas
You can add Overscroll to any layer with Overflow set to Scroll
Fixed a bug where the Viewport UI would render within Components
Fixed a bug where layers would stretch during animations after scroll
In this release, we’re introducing new features that improve mobile navigations in Framer, empowering you to deliver exceptional user experiences. We’ve recently shipped viewport unit support within components, for sizing properties such as min-height
and max-height
. This enables you to design expanded navigation states without relying on nesting. Today, we’re adding the overscroll
property, which prevents the page from scrolling along with your navigation. We’ve also refreshed the component previewing experience, avoiding height animations being cut-off. Watch the video above to learn more, or remix our demo here.
You can use Viewport units for Min and Max Height in Components
You can now preview height animations from the Component Canvas
You can add Overscroll to any layer with Overflow set to Scroll
Fixed a bug where the Viewport UI would render within Components
Fixed a bug where layers would stretch during animations after scroll