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.

Features:

  • 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: http://blog.adtile.me/2014/03/03/responsive-fixed-one-page-navigation/
Download : https://github.com/adtile/fixed-nav
Browser Support: Major Browser
Requirement: JavaScript frameworks
License: MIT License


Leave a Reply