Here, You are found out the sticky header for your website. here I have used only css and jquery so its realy good and easy to use it.
A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up.
Auto-hiding navigations have been around for quite some time now, in particular on mobile devices. The idea behind this UX pattern is simple yet efficient: we want the navigation to be easy to reach all the time, so we stick it on top. However, we auto-hide it when the user scrolls down, to create more room for the content. If the user scrolls up, we interpret his behaviour as a will to access the navigation, so we bring it back.
ScrollNaviJs is jquery plugin for fix navigation on top after scroll second section content, actually navigation fix in bottom of browser when we are in first section content.
This little plugin will let you automatically fix position of any container on your website with one JS call Created by Pete R., Founder of BucketListly