UNPKG

scrollspy-js

Version:

Scrollspy library

62 lines (43 loc) 1.22 kB
# ScrollSpy [![npm version](https://img.shields.io/npm/v/scrollspy-js.svg?style=flat-square)](https://www.npmjs.com/package/scrollspy-js) [![bower version](https://img.shields.io/bower/v/scrollspy.svg?style=flat-square)](https://github.com/makotot/scrollspy) [![DevDependencies](http://img.shields.io/david/dev/makotot/scrollspy.svg?style=flat-square)](https://github.com/makotot/scrollspy) [![License](http://img.shields.io/npm/l/scrollspy-js.svg?style=flat-square)](https://github.com/makotot/scrollspy) > Scrollspy library. ## Demo http://codepen.io/makotot/pen/YyRXOQ ## Installation ### npm ```sh $ npm install --save scrollspy-js ``` ### bower ```sh $ bower install scrollspy ``` ## Usage ```html <div id="js-scrollspy"> <ul class="js-scrollspy-nav"> <li><a href="#internal-link">internal-link</a></li> <li><a href="#...">...</a></li> <li><a href="#...">...</a></li> <li><a href="#...">...</a></li> </ul> ... <div> <div id="internal-content"></div> ... </div> </div> ... <script src="./bower_components/scrollspy.js"></script> ``` ```js var spy = new ScrollSpy('#js-scrollspy', { nav: '.js-scrollspy-nav > li > a', className: 'is-inview' }); ``` ## License MIT