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:
Thanks for your help and sorry for my bad english (It's even difficult to explain in german)