Fixed Nav : Responsive, Fixed and Touch Friendly One Page Navigation

Fixed Nav is Responsive & Fixed One Page Navigation using Responsive Nav, smooth animated scrolling & vanilla JavaScript. This project is built using progressive enhancement and tested to be working on Internet Explorer 6 and up.

It Fixed positioned, always visible navigation bar. You are free to use the JavaScript, styles and the icon fonts provided here in your own project. Commercial or non-commercial. The code and examples are hosted on GitHub and can be found from here.


  • Fixed positioned, always visible navigation bar
  • Uses vanilla JavaScript, no jQuery required
  • Smooth animated scrolling
  • Removes 300ms tap delay
  • Adds a mask over the content when navigation is open
  • Auto highlights current location
  • Uses a tiny custom font for icons (only two characters included)
  • Closes the navigation when user tap’s outside of it
  • Tapping a link changes the URL, so you can still copy/paste it and link to different sections
  • Built progressive enhancement in mind

Website and Demo:
Download :
Browser Support: Major Browser
Requirement: JavaScript frameworks
License: MIT License

Smashfreakz delivers Useful and Informative article about Design, Web Resource, WordPress, Top List, Infographic, Inspiration, Photography and Many more. Our Goals is make Inspirations to all people.

Leave a Reply