Serj-One

$('.button').on('click', function () {
        $('.footer').toggleClass('active');
    })

.footer{
  position: absolute;
  bottom: -500px;
  transition: .5s;
}
.footer.active{
  bottom: 0;
}

$(window).scroll(function() {
    var top = $(window).scrollTop();  
    if(top>0){
        $('.header').addClass('header--min');
    } else {
        $('.header').removeClass('header--min');
    }
});