In Adi Purdila’s ‘Getting Started with Foundation’ 3.5 Plugins section, he covers the Magellan plugin with the sticky nav. The sticky nav is not working but he doesn’t address it. The video ends and the nav isn’t sticky.
Here is the code:
<div data-sticky-container>
<div class="sticky" data-sticky>
<nav data-magellan>
<ul class="menu">
<li><a href="#section-1">Section 1</a></li>
<li><a href="#section-2">Section 2</a></li>
<li><a href="#section-3">Section 3</a></li>
</ul>
</nav>
</div>
</div>
<div class="row">
<div class="columns small-3">
<div id="section-1" data-magellan-target="section-1">
<p>Section 1dolor</p>
<p>Lore</p>
</div>
<div id="section-2" data-magellan-target="section-2">
<p>Section 2 dolo</p>
<p>Lorem ipsum </p>
</div>
<div id="section-3" data-magellan-target="section-3">
<p>Section 3dolor sit</p>
<p>Lorem ipsum.</p>
</div>
</div>
</div>