All courses Interactions & animations course

Navbar show & hide on scroll

We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Navbar show & hide on scroll

Build a navbar interaction that responds on scroll.

1

Getting started

Coming soon

1

Intro to Interactions

Intro to Interactions

Coming soon

1

Interpolation, easing, and smoothing

Interpolation, easing, and smoothing

Coming soon

1

Triggers and animations

Triggers and animations

Coming soon

1

Quick effects

Coming soon

2

Interaction Examples

Coming soon

2

Horizontal movement on scroll

Horizontal movement on scroll

Coming soon

2

Parallax movement on scroll

Parallax movement on scroll

Coming soon

2

Rotate on mouseover

Rotate on mouseover

Coming soon

2

Scroll progress indicator

Scroll progress indicator

Coming soon

2

Navbar show & hide on scroll

Navbar show & hide on scroll

Coming soon

2

Reveal on scroll

Reveal on scroll

Coming soon

2

Page loader animation

Page loader animation

Coming soon

2

Show and hide on click

Show and hide on click

Coming soon

2

Reveal on hover

Reveal on hover

Coming soon

3

Lottie Examples

Coming soon

3

After Effects and Lottie course introduction

After Effects and Lottie course introduction

Coming soon

3

How to install Bodymovin

How to install Bodymovin

Coming soon

3

Animate when in view

Animate when in view

Coming soon

3

Animate a video on scroll

Animate a video on scroll

Coming soon

3

Cinema 4D in Webflow

Cinema 4D in Webflow

Coming soon

3

Lottie overview

Lottie overview

Coming soon

3

Click based animations

Click based animations

Coming soon

3

Animate a video on scroll

Animate a video on scroll

Coming soon

Course progress

0%

Up next

Reveal on scroll

Create a trigger that fades and moves elements in as your scroll down the page.

Complete & continue

Complete course