Change overlay opacity when scrolling

Site URL: https://winslowharte.com

Hello - I am trying to get a similar effect as https://www.daynetanner.net/polymega . Landing on page displays an 'x' percent opacity w/ text overlaid, as you scroll down the text and opacity overlay disappear. I would like a similar effect on my projects:

https://www.winslowharte.com/work/colorsonic etc.

PW: 1234

Thanks!

Would something like the following do for your needs?

This uses CSS and Javascript and requires the business plan or above. Basically the technique is similar to what is used in the example site you pointed to.

@creedon exactly! So what you're saying is, since I cheap'd out and got the basic plan, I can't achieve this effect?! haha!🤪

IF I'm able to upgrade to a 'business plan' seamlessly could you help with a code that would get me close to that desired effect?

Cheers!

Yep the effect requires Javascript to monitor the scroll position of the page and then change the opacity of the overlay, which requires the business plan or above to use.

I have some rudimentary code to share if you decide to go with the business plan or above.