Fade In div when it's scrolled into viewport

Question

Okay, so I\'ve been searching for a simple way to fade in a div when a user scrolls it into view, but I can\'t find a straight solution.

HTML

Answer 1

I found the library AOS very useful for this purpose (https://github.com/michalsnik/aos#-animations). Additionally to fade in when your div comes into the viewport, other effects are available. See example below

     
Some content