jQuery Animated Sticky Header


Posted on Apr 15th, 2014


You might have noticed many websites prefer to keep the headers of their website visible while scrolling, so that the navigation menu is always accessible. This can be achieved by making the position of the header, fixed. But this doesn’t look elegant and trendy.

jQuery Animated Sticky Header solves this problem with ease. It also adds animation to give a nice effect when you scroll, maintaining the rich effect of your website.

How to use Sticky Header ?

<script language="javascript">
		
	$(document).ready(function() {
		
		$("#header").stickyhead({
			parentContainer: $("#container"),
			speed: 600,
			easing: "easeOutElastic"				
		});
	
	});
	
</script>

Project: https://github.com/ajaxtown/stickyheader

Demo: http://ajaxtown.github.io/stickyheader/dist/


Script InjectorAmun WP Theme

Comments
100% Complete