滚动时将div淡化为黑色

I want to fadeout my top image when I scroll down, so that it is completely black by the time it has scrolled off the page and completely normal when I am at the top of the page. my top image when I scroll do