How to make footer not visible on scroll except when at the bottom of the page?

Question

I am making a website and have made a footer. However, the downside is that the footer is in the exact same place on the screen no matter where i scroll. I would like it so