This CSS and jQuery will align a <footer>
element to the bottom of a given HTML page when the content of the page does not fill the entire window height. This is designed around a page using Foundation 5 with an off-canvas menu.
Page content goes inside <div class="off-canvas-wrap">
. If the contents of this element are not enough for its height to equal the window height, then the jQuery adds CSS classes to make the container elements' height equal 100% and the footer
is positioned absolutely at the bottom of the page.