How to make smooth fade in as user scrolls in JavaScript?

I would like to know how to make an image fade in as the user scrolls in JS. Is there any code that can do it?

Here is the web template I'm using: website template