How do I make the "Back To Top" icon fade in when I start scrolling down, and fade out out when it reaches my header / slider?

How can I implement an icon positioned in the bottom centre of my header / slider, that, when pressed, automatically scrolls to the next section? Here's an example on the Google Drive...