javascript - foundation 5 sticky magellan vertical menu -

I am trying to reproduce a Magellan sidebar menu on this link

 < Code> & lt; Ul class = "Magellan Tabs Vertical" Data-Magellan-Exception = "Fixed" & gt; & Lt; Li data-Magellan-Arrival = "grid" & gt; & Lt; A href = "# grid" & gt; Grid & lt; / A & gt; & Lt; / Li & gt; & Lt; Li Data-Magellan-Arrival = "Tab" & gt; & Lt; A href = "# tab" & gt; Tabs & lt; / A & gt; & Lt; / Li & gt; & Lt; Li data-magellan-arrival = "button" & gt; & Lt; A href = "# button" & gt; Button & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;  

But this foundation is in 4 and does not work as expected with the foundation. I'm trying to do some things but I can not reproduce a sticky vertical sidebar. What I am reproducing is a sidebar that is full horizontal - at the top of the viewport - when I scroll the behavior I want I'm not wanting vertical ul-tab all the time.

Has anyone even solved this?

Thank you very much

Use HTML code from Foundation 5 - and " Replace "sub-nav" class with "side-nav":

  & lt; Dl class = "sub nav" & gt;  

Code for my vertisidebar Magellan

  & lt; Div data-magnolan-exclusions = "fixed" & gt; & Lt; Dl class = "side-nav" & gt; & Lt; Dd data-magnolia-arrival = "tab" & gt; & Lt; A href = "# tab" & gt; Tabs & lt; / A & gt; & Lt; / Dd> & Lt; Dd Data-Magellan-Arrival = "Code" & gt; & Lt; A href = "# code" & gt; Code & lt; / A & gt; & Lt; / Dd> & Lt; / DL & gt; & Lt; / Div & gt;