Hide fixed footer on scroll

Hi there, Im trying to hide the fixed footer when scrolling down the page, and again re appear when back to top or on tap.

I can't seem to find a solution or any posts regarding this issue. Can anyone help please?