/* Set the width of the side navigation to 250px */
function openNav() {
document.getElementById("footer").classList.add("active");
//document.getElementById("mySidenav").style.width = "100%";
}
/* Set the width of the side navigation to 0 */
function closeNav() {
document.getElementById("footer").classList.remove("active");
//document.getElementById("mySidenav").style.width = "0";
}

jQuery(window).scroll(function() {
if(jQuery(window).scrollTop() + jQuery(window).height() > jQuery(document).height() - 100) {
openNav();
}
if(jQuery(window).scrollTop() + jQuery(window).height() < jQuery(document).height() - 100) {       
closeNav();
}
});