Fix the footer to the bottom of the page if the lack of content on the page causes white space under the footer.

FooterToPageBottom.js

/**
 *  Set the footer (<footer>) location to the bottom of the screen depending on screen size and content on the page.
 */

window.addEventListener('load', FooterToPageBottom); window.addEventListener('resize', FooterToPageBottom);

function FooterToPageBottom() {
  var footer = document.getElementsByTagName("footer"); //get <footer> elements here (Get elementById to make it slightly faster ;) )
  if(footer.length < 1) return; //does a <footer> element exist?
  footer = footer[0]; //grab first footer element to work with :D
  footer.style.position = ""; footer.style.bottom = ""; //Reset footer style
  if(((window.innerHeight - footer.offsetHeight) < footer.offsetTop)) return; //If no whitespace under footer do nothing :) #Magic
  footer.style.width = "100%"; footer.style.position = "absolute"; footer.style.bottom = "0"; //Fix footer pos
}