You could use jQuery to calculate the height of your footer
when the page loads, then assign that value with .css()
to the margin-bottom
of .wrapper-parallax
.
$(document).ready( function() {
var footerHeight = $('footer').height();
$('.wrapper-parallax').css('margin-bottom', footerHeight);
});