Help to Achieve the Effect

[De1an]

I came across this site: http://satanic-revolution.com/ And I liked the loading (fading in and out) LI lines under the “THE SEVEN FUNDAMENTAL TENETS” as you scroll… Can you help me achieve the effect?

[Shikkediel]

Should be a matter of a scroll event listener – here’s something similar :

Pen

Easiest to do with jQuery…

Edit – actually, pure JS getBoundingClientRect() is quite suitable for this to determine the position of the elements relative to the screen.

[De1an]

Thank you!

[Shikkediel]

No problem, it should be even less code than the example because that also includes anchor scrolling by clicking the options. If you’d create a demo with the basic HTML markup, I wouldn’t mind writing a few lines.

[Author]

Posts