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 ...