in

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

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

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

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

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


Written by Julian Anderson

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

GIPHY App Key not set. Please check settings

What’s New Features in WordPress 3.9 [Infographic]

What’s New Features in WordPress 3.9 [Infographic]

Web Design Inspiration #38

Web Design Inspiration #38