/stickynav

A simple nav that efficiently attaches / detaches to the top of the viewport upon scrolling

Primary LanguageJavaScript

Sticky Nav

A simple navigation bar that efficiently attaches / detaches to the top of the viewport upon scrolling

Introduction

...

Getting Started

Download the production version or the development version.

ES6

import { stickyElement, stickyNav } from '../src/stickynav.es6.js';

CommonJS

var stickyElement = require('../src/stickynav.es6.js').stickyElement;
var stickyNav = require('../src/stickynav.es6.js').stickyNav;

AMD

require(['stickyElement', 'stickyNav'], function(stickyElement, stickyNav){
	// ...
})

Browser

<script src="path/to/stickyNav.js"></script>
<script>
	new stickyNav({
		nav: '#sticky'
	});
</script>

Documentation

...

Support

  • IE8+
  • Safari / Chrome
  • Firefox
  • iOS
  • Android

Known Issues

Examples

Please see the test / demo directory

Release History

0.1

  • initial commit