How to make header transparent initially and then change color when page is scrolled down?

Ask us anything
1

image
image1239×641 93.6 KB

so far I can only put it in the sticky position, I would like to know how to change the header color on scrolling

2

This would probably require some custom JavaScript where you look at the distance from the top or something similar, see for example

for more complex animations and scroll triggered animations I reccomend looking into GSAP, but it is a big gun so use wisely :slight_smile:

1 Like
3

thanks @broberto

4

@caio
This can also now be done directly in the editor without javascript

5

Indeed, you can now do this in no-code in WeWeb. Thanks for mentioning it @Adam!

Here’s a one-minute video to show you how.

2 Likes