Nice Spy

A library used to update classnames of links based on scroll position

Demos

Installation

• npm
• standalone

via npm

npm install nice-spy --save

or yarn

yarn add nice-spy

Basic

<nav>
  <ul>
    <li><a href="#section1" class="js-nicespy">section1</a></li>
    <li><a href="#section2" class="js-nicespy">section2</a></li>
    <li><a href="#section3" class="js-nicespy">section3</a></li>
  </ul>
</nav>
<section data-spy="section1">
  section1
</section>
<section data-spy="section2">
  section2
</section>
<section data-spy="section3">
  section3
</section>

new NiceSpy('.js-nicespy', {
  offsetTop: 20,
});