sticky nav tak tak

by lovromar

HTML

<div class="menu"></div>

CSS

body {
	margin: 0;
	padding: 0;
	height: 2300px;
}
.menu {
	position: absolute;
	width: 100%;
	height: 100px;
	background: orange;
	top: auto;
	bottom: 0;
}

.fixed_menu {
	position: fixed;
	top: 0;
	bottom: auto;
}

JavaScript

var menu_height = $('.menu').height();
	$(window).scroll(function(e){
		e.preventDefault();
		var window_height = $(window).height();
		var window_scroll = $(window).scrollTop();
		if(window_scroll >= window_height - menu_height){
			$('.menu').addClass("fixed_menu");
		}else{
			$('.menu').removeClass("fixed_menu");
		}
	});