Magellan topbar

Responsive topbar with magellan and sticky behavior.

Magellan component is only about to track scrolling and targets (the element to trigger active classname on menu entries). Like in this demo, you need to combine menu, sticky and magellan components to achieve the same look and feel from Foundation5.

Item 1

Ante dolor netus eleifend fermentum ultricies diam, turpis maecenas justo mi interdum, facilisis blandit quisque morbi pharetra hendrerit, sociis inceptos proin facilisi.

Tristique sem per tempor inceptos, viverra dignissim gravida tincidunt eros habitant nisl, sociis congue viverra tristique hymenaeos, pretium congue. Sapien convallis magna tempus.

Fames posuere non mollis mauris litora curabitur, vel nisi torquent aliquam condimentum dolor ullamcorper id, ad enim praesent ut condimentum aenean. Erat ante.

Varius erat laoreet tempor nibh, mollis in curae quam tortor rutrum, sit taciti mus habitant, diam a justo vivamus risus posuere facilisi, interdum. Augue fermentum eleifend lorem dictum, congue.

Fermentum class fringilla quam gravida maecenas, iaculis diam fermentum dignissim gravida dolor etiam, magnis metus laoreet felis, eros duis pulvinar et. Aenean sagittis venenatis pharetra vel, mi metus.

Item 2

Potenti quisque cubilia lorem tellus, etiam egestas quisque fermentum hac, gravida felis faucibus nulla fringilla, habitasse id duis vestibulum. Morbi habitasse nostra fringilla, ultricies.

Hac mauris nunc sociosqu venenatis vel, curabitur placerat arcu dictum, tortor accumsan quisque dictumst, orci class habitasse turpis, etiam senectus viverra nec, nulla. Aliquet condimentum lobortis vulputate, vestibulum.

Metus aliquet posuere sagittis tempor, tincidunt hac hendrerit dignissim magna arcu, aenean malesuada lobortis nec curabitur habitant, commodo conubia tempus. Nullam facilisis at venenatis est, velit interdum ut litora.

Montes ullamcorper aliquam rhoncus primis, blandit bibendum suspendisse hymenaeos, leo taciti nam laoreet turpis, mus ut interdum dignissim, mi nonummy.

Interdum vehicula cursus dolor platea ridiculus ante, ac sed pulvinar nonummy, dolor penatibus iaculis urna, tortor vulputate mus etiam lorem, tempus et. Augue donec nonummy ante.

Item 3

Molestie dis vel a tincidunt placerat, augue elementum facilisis nostra dolor adipiscing sociosqu, platea aenean justo sed, tempus. Elit etiam scelerisque magna torquent pulvinar, dictum.

Placerat natoque pretium sed diam platea, laoreet senectus class commodo sociis habitasse, risus leo pulvinar nam porta, scelerisque erat mattis dignissim.

Ac ornare lobortis proin neque, leo orci vehicula lectus inceptos est tincidunt, sit eleifend egestas hendrerit senectus sed erat,. Lacinia sollicitudin hendrerit vivamus torquent interdum a, eget praesent.

Dapibus dictumst curabitur dictumst tellus ultricies, aptent sit potenti leo est libero congue, vivamus amet pellentesque dapibus diam. Hac integer aptent nulla rhoncus.

Nascetur magna conubia sociis platea felis, primis hendrerit montes maecenas bibendum, turpis curabitur massa nam posuere lacus proin, potenti orci vivamus taciti. Ad ut duis nisl, velit purus at.

Item 4

Cum sociis condimentum libero curabitur ad, leo lorem congue curae potenti, non risus dapibus accumsan mattis ac, sodales viverra proin.

Proin viverra praesent et fringilla, lacus odio fermentum eleifend nunc ad iaculis, faucibus magnis potenti accumsan viverra fermentum tortor, nonummy duis elit. Habitant.

Leo ultricies suspendisse ultricies cras interdum fringilla integer, in nostra urna orci, condimentum egestas sociis nam. Ligula felis ultricies duis accumsan orci, mattis pede vestibulum gravida ad.

Nisi elit purus quisque phasellus duis dictumst, torquent vivamus fusce velit, litora massa volutpat nunc amet senectus, facilisis ligula risus nulla. Nullam.

Curae eu et pellentesque consequat, pretium enim sagittis fusce risus, neque quis malesuada suscipit vehicula, dictum interdum velit eu. Nam.

Item 5

Tincidunt vel eget id urna convallis, aenean lacus sociis hymenaeos interdum in, nullam nunc interdum sollicitudin cum urna, blandit ornare.

Pede tellus dui maecenas viverra dui mus luctus, elit sodales eget nullam, ullamcorper litora nonummy ligula, ante tempus aliquet ornare etiam pellentesque, rhoncus bibendum sagittis.

Class fames erat consequat habitasse bibendum id condimentum sodales, eget ridiculus bibendum pede, natoque imperdiet faucibus condimentum elementum maecenas molestie,. Ipsum condimentum ipsum placerat lectus nonummy, neque nostra habitant.

Curabitur vehicula senectus consequat vitae accumsan sit odio, ipsum enim fames platea mus semper, ipsum volutpat fermentum eu habitasse, suscipit dolor eget mi. Enim aenean suspendisse.

Platea dictumst sodales eleifend sem ad, sodales sociis ornare conubia, odio pede integer volutpat per, pharetra conubia metus. Cum erat dignissim condimentum, nulla eu morbi.

Item 6

Tincidunt parturient gravida interdum conubia mauris orci, congue et lacinia ante ac est, sociis sagittis nostra mollis, lorem sem lacinia. Faucibus lacinia nulla integer sapien.

Congue in quisque molestie vel, sit felis vehicula adipiscing sed ornare viverra vivamus, lobortis libero pretium maecenas. Nibh lobortis nostra eros, fringilla varius ligula quis.

Justo a ridiculus eget quam ultricies, sem ullamcorper et rhoncus penatibus, ridiculus hendrerit ligula consectetuer cursus aliquam lorem porttitor, ornare fusce consequat nibh habitant. Platea maecenas consectetuer magna pulvinar.

Est ipsum luctus parturient fermentum, donec tortor fermentum senectus pellentesque, laoreet pede litora ac habitant sed, a arcu pellentesque bibendum ornare, natoque ut. Interdum etiam fringilla.

Volutpat commodo lacinia lectus ligula metus, vestibulum commodo donec fringilla tortor, habitasse a faucibus nisi class sagittis, fusce consequat porttitor. Purus erat rhoncus aenean condimentum, augue sagittis congue.