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.

@creedon  Hi! 

So I want to do something similar with one of my sections on the website. I want it to change the opacity of the overlay when scrolling down. I have a business plan. Here I am sending an example of what I want. 

Thank you! 

I can't promise a solution but it would help us to see the section you reference.

I also converted your recording into a format more folks can easily watch.

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.