Back to home

Scroll-based fade

You can set for elements to fade out you scroll down the page, as well as for them to fade back in as you scroll back in. This is done by setting a function to reduce opacity as the Y-value of the page changes. It will change inversely as the direction is reversed. This was done via jQuery.

See how this text and some photos fade in and out as you scroll up and down the page.