Animation header

Custom code
1

Hello everyone ! Could anyone help with header animation as on this website https://saffron-consultants.com/
Basically it’s a simple animation of header, which is reacting on scroll. In other words, simply sliding up when scrolling down and appearing when scrolling up. I am not so good in coding, so after trying a long time with Chat gpt i still could not achieve the desired result :confused:

Thanks in advance !!

2

hey… this would require using custom code…
Not that difficult, but needs a bit of basic understanding.

in summary:
use JS to store all elements of your header in a variable.
Add a function like: on scroll down → animate the “top:” css value of all elements of the variable to -200px. On scroll up → revert the animation.

3

Thank you ! I will try that !

Cheers,

Fedor