Sticky navigation bar in jQuery.

sticky-bar.js

$(function(){

	var position;
	var width = $(window).width();
	var position = $(this).scrollTop();

	$(document).scroll(function() {
		
		var currentScroll = $(this).scrollTop();
		
		//Detecting if it's scrolling down

		if( currentScroll > position ){

			//Instructions for breakpoints after certain amount of pixels
			
			if (currentScroll > 400) {
				
				$('#top-bar').slideUp(0);
			
			}

		//Detecting if it's scrolling up

		} else {

			//Specify other actions after scrolling up

			if(!$('#top-bar').is(':visible')){
					
				$('#top-bar').slideDown(150).delay(1000);
			
			}

		}
		
		position = currentScroll;

	});
});