Skip to content

Latest commit

 

History

History
33 lines (25 loc) · 726 Bytes

README.md

File metadata and controls

33 lines (25 loc) · 726 Bytes

Stacky.js

Create beautiful scrolling driven navigation lists with stacking headers that remain visible at all times. No dependency required - just pure JavaScript!

Getting Started

Example

A minimal HTML structure for Stacky to work with can look something like this:

<main>
  <nav>
    <section>
      <header class="stacky">First header</header>
      <p>Some content</p>
    </section>
    <section>
      <header class="stacky">Second header</header>
      <ul>
        <li>First item</li>
        <li>Second item</li>
      </ul>
    </section>
    <!-- More sections here -->
  </nav>
</main>

Credits

Original jQuery plugin: Slinky.js