Developers

Search

Developers

Search

Blog

/

Tutorial

Advanced Scroll Animation

Framer University

Preview & Remix

Preview & Remix

In this Framer tutorial, Nandi from Framer University will teach you how to create an advanced scroll animation in Framer.

Follow along with the video, and Nandi will show you how sticky positioning works and how to trigger animations with scroll sections. Following this video will give you a cool scroll animation on your website without writing any code. This transition was originally seen on cred.club.

Follow along with the video, and Nandi will show you how sticky positioning works and how to trigger animations with scroll sections. Following this video will give you a cool scroll animation on your website without writing any code. This transition was originally seen on cred.club.

Follow along with the video, and Nandi will show you how sticky positioning works and how to trigger animations with scroll sections. Following this video will give you a cool scroll animation on your website without writing any code. This transition was originally seen on cred.club.

Preview & Remix

Step into the future of design

Step into the future of design

Step into the future of design

Join thousands using Framer to build high-performing websites fast.

Join thousands using Framer to build high-performing websites fast.

Join thousands using Framer to build high-performing websites fast.

Start for free

More articles

Browse all

Strategic Video Interaction Design: Professional Hover Implementation

Remix

SVG Animation Techniques: Performance-Optimized Motion for UX Professionals

Tutorial

Advanced Scroll-Triggered Navigation: Implementation Guide for UX Designers

Tutorial

Advanced Responsive Typography: Technical Implementation of Fit Text

Resource

Advanced Radial Gradient Techniques: Dynamic Backgrounds for Professional UX

Resource

Advanced Animation Techniques: Strategic Shimmer Effects for Professional UX

Tutorial

A collection of websites with parallax scrolling done in Framer
A collection of websites with parallax scrolling done in Framer
A collection of websites with parallax scrolling done in Framer

8 Professional Parallax Techniques: Performance-Optimized Depth Experiences

Inspiration

8 Advanced Text Animation Techniques for Professional Designers

Inspiration

7 Professional Storytelling Websites: UX Narrative Case Studies

Inspiration

5 Professional 3D Web Implementations: Technical Case Studies for UX Designers

Inspiration

2025 Professional Web Design Directions: 7 Strategic UX Trends

Tutorial

15 Professional UX Portfolios: Structure & Interaction Analysis

Inspiration