Want the footer to disappear once user scrolls past top of the home page

Hi there
I am creating prototype for an application which lists items one below one on the home page. There is a footer frame serving as menu for other functionalities.
I want the footer frame to hide on side once the user starts scrolling the item list and come back when user again reaches the top of homepage.
I have explored the scrolling and overlay section but haven’t found a convincing solution yet.
The only way I can think of is by using the footer frame as an overlay but is there any way to keep it in the front in advance (on home page)? Will hide it once the user scrolls downwards.
Any input is appreciated.