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
