O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Magellan

The purpose of Magellan is to show the user where they are currently on a webpage. This is especially useful on long pages with many topics. Combine this with page bookmarks, and you can link to locations on a page as well as provide information to the user that they are in fact at a specific location.

Whether the user jumps to a location through a bookmark link, or scrolls down a page, Magellan will update and reflect the changing locations. To set it up, you need two things: a list of items to link to all the locations you want to mark, and a mark at each location.

The list can be nested HTML elements, including those from the sub nav, side nav, or button groups components. Foundation makes use of the active class from the sub nav component ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required