Fixed scrolling navigation

fixedcss.css

/* CSS */
body { padding-top:80px; } /* be sure the padding is fron the top of the page to the top of your content */
#header { position: absolute; height:50px; width: 100%; top:20px; left:0; right:0;  }
#header.fixed { position: fixed; top:0; }

fixednav-bottom.js

(function () {
  
/****************** Sticky Navigation - This fixes an item at the bottom of the page ***************/
var banner = $("#footer");
var bottom = $(document).height() - 410;
 
$(window).scroll(function (event)
{
	var y = $(this).scrollTop() + $(window).height();
	if (y > bottom) {
		$(banner).parent().removeClass('fixed');
	} else {
		$(banner).parent().addClass('fixed');
	}
		
}); 
 
 
})(jQuery);

fixednav.js

(function () {
  
/****************** Sticky Navigation ***************/
var banner = $("#header");
var top = 0;
 
$(window).scroll(function (event)
{
	var y = $(this).scrollTop();
	
	if (y > top) {
		$(banner).addClass('fixed');
	} else {
		$(banner).removeClass('fixed');
	}
		
}); 


})(jQuery);