Interactions by scrolling down

Design help Animations & Interactions
1

Hi everyone,

I have some trouble with the animation of my navbar and the backroundimage/-color.

My page starts with a clean splash screen that has a plain background and no navbar. As soon as the user scrolls down a little bit, the background should change in a hero image and a navbar should appear at the top of the screen. By scrollling down further I want the navbar to reduce its height and be fixed at the top.

Here you can see the splash screen:

1920×982 75.2 KB

This is the preview link:
https://preview.webflow.com/preview/stefanies-supercool-site?preview=b9fd1bd536cafdab699d30a81720c63f

Thanks for your help and sorry for my bad english (It’s even difficult to explain in german) :smiley:

2

I might help you with the background color. Im sure there are more ways to do it, but this is how I would do it, I think :slight_smile:
See video

The menu you get a good explanation here

2 Likes
3

Oh wow thank you so much for your effort! :heart_eyes:

1 Like
4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.