Facebook like sticky header using Waypoints jQuery plugin

Most interesting feature nowadays in all web apps is User Interface. Facebook has the simple and most powerful interface, the navigation like Home, Profile and other few links that stick  to the top, whenever you scroll or navigate to the bottom of the page so that user may be able to navigate where ever he/she wants. In this tutorial we will see how to create a simple sticky header in web application with Waypoints jQuery plugin.

Lets see how to implement by steps,

Step1: Include required JS libraries

Step2: HTML markup

Step3: Waypoints function call

Requirement : jQuery Framework
Demo : http://webdesigntutsplus.s3…
License : License free

  1. JayMarv says:

    Awesome post, Shankar. The solution is great for ux and just plain cool.

Leave a Comment

Your email address will not be published. Required fields are marked *

eighteen + seven =