Hi,
Is it possible to have this effect occur to each segment of a page, only when it comes into view?
I.e. once I scroll down to the next segment this fadein occurs and not for the entire page upon loading?
To be honest, this level of customization is outside of GeneratePress’ scope but since we love helping people, here it goes:
You need a JS library to make this happen. Or you can write one yourself but that will take too long.
As for animate on scroll libraries, you can try learning AOS. – https://michalsnik.github.io/aos/
More about AOS – https://css-tricks.com/aos-css-driven-scroll-animation-library/
Note: This is pretty tricky. Making animation is easy as it’s just CSS. But the tricky part starts on the required triggers when the element comes into the viewport when you scroll and that is done with JS.
GP’s stance about adding this as a feature- https://generatepress.com/forums/topic/page-scroll-hover-effect/#post-1162504