JQuery script for keeping footer at bottom of viewport when viewing short pages.

sgr_jq_stick_footer.js

/**
 * Javascript functions for SGR 2013 site
 *
 * @date 4 April 2013
 *
 */


/********** Viewport height stuff **********/
//
// This function sticks the footer to the bottom of the
// viewport when viewport height is greater than height of #wrap
// @TODO Must be a simpler way than this

jQuery(document).ready(function($) { 

  // Get viewport height
	var winH = $(window).height();
	
	// Get height of #inner - we only need inner height, ie excluding padding, etc
	var innerH = $('#inner').height();
	
	// Get height of #wrap
	var wrapH = $('#wrap').outerHeight();
	
	// Diff bewteen viewport and #wrap
	var offsetH = winH - wrapH;
	
	
	if( offsetH > 0 ) {
		
		// Deal with WP Admin Bar 28px
		var adminB = $("#wpadminbar").height();
		
		totH = innerH + offsetH - adminB + "px";
		
		$('#inner').css('min-height', totH);
	}
});