Code to create a sticky footer with Javascript.

Sticky Footer Javascript

$(window).bind("load", function() {
  var footerHeight = 0,
    footerTop = 0,
    $footer = $("#colophon");

  positionFooter();
  
  function positionFooter() {
    footerHeight = $footer.height();
    footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
    if (($(document.body).height()) < $(window).height()) {
      if($footer.hasClass('positioned') && ($(document.body).height() + $footer.height() > $(window).height())){
        $footer.css({
          position: 'static'
        }).removeClass('positioned');
      } else {
        $footer.css({
          position: "absolute",
            left: 0,
            right: 0,
            top: footerTop
        }).addClass('positioned');
      }
    } else {
      $footer.css({
        position: "static"
      }).removeClass('positioned');
    }       
  }

  $(window)
    .scroll(positionFooter)
    .resize(positionFooter)             
});