Originally, I had this working and then I made it where the header and footer stay persistent as you scroll through the content, then the client changed their mind and wanted it where the header and footer disappear when you scroll through the content. Now my issue is trying to make this come back to where it originally was. So I got rid of the data-tap-toggle and data-id="persistFooter" or data-id="persist" but the header and footer are still stuck where they are and don't disappear when you start scrolling the content. So how can I make it where the header and footer actually disappear when you scroll that area? Here's the site in question.