Text opacity change with scroll

Hey,

I would like the H1 title to change opacity as the user scrolls down the page.

Have seen other similar functionality where background changes colour.

The page I working on is https://hawk-oleander-83hp.squarespace.com/portrait-photography/kazakhstan-eagle-hunters-1

Password: Photograph

Thanks for your help.

The url doesn't exist

4 hours ago, tuanphan said:

The url doesn't exist

If you drop the -1 off the end of the posted URL, that may be the page. Or close enough to come up with some code! 🙂

Sorry, Was tidying up my links.

Please try samfaulkner.co.uk/portrait-photography/kazakhstan-eagle-hunters

Thanks