Sticky navigation using jquery (sticky after viewport is overhead...)
$(document).ready(function () {
var aboveHeight = $('#topContainer').outerHeight();
$(window).scroll(function () {
if ($(window).scrollTop() > aboveHeight) {
$('#menu').addClass('fixed').css('top', '0').next()
.css('padding-top', '50px');
} else {
$('#menu').removeClass('fixed').next()
.css('padding-top', '0');
}
});
});