Magellan

Magellan is a style agnostic plugin that lets you style a sticky navigation that denotes where you are on the page.

Build With Predefined HTML Structure

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget diam risus. Vestibulum eget diam tellus. Aliquam pulvinar diam eget metus pulvinar sollicitudin. Vivamus felis dolor, luctus vehicula malesuada venenatis, semper quis lectus. Nam facilisis purus vel nibh hendrerit faucibus. Duis mauris erat, ultrices sit amet feugiat mollis, imperdiet ut tortor. Cras iaculis ipsum vel elit consectetur feugiat. Praesent condimentum magna id dui feugiat non faucibus sapien ultricies. Pellentesque ut sem dui, ac blandit elit. Pellentesque elementum viverra massa, nec tristique tortor suscipit elementum. Fusce interdum porta lacinia. Quisque pulvinar orci tristique nulla molestie condimentum. Aenean gravida nisl nec est malesuada ut venenatis ipsum iaculis. Mauris eu libero sed ante fringilla ornare. Integer auctor consectetur suscipit. Vivamus rutrum cursus nunc non malesuada. Pellentesque rutrum risus mi. Phasellus vel justo id felis facilisis fermentum id ut justo. Vivamus quis facilisis velit. Nulla vitae lacus eros. Nunc id erat ac tortor malesuada imperdiet. Vivamus nisl magna, auctor euismod suscipit quis, aliquam nec felis. Nulla felis lectus, malesuada vel rutrum ut, fermentum id purus. Duis vel turpis ac enim consectetur vulputate. Praesent dignissim, odio ut interdum eleifend, enim justo imperdiet justo, ac rutrum eros ante ac enim. Curabitur et nulla sed sapien sodales tristique. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus vulputate ullamcorper quam vitae porta. Quisque dapibus velit at augue convallis tempus. Fusce consectetur erat eu nunc facilisis at ultrices lectus lobortis. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Integer id purus id purus tempus egestas et ultricies leo.

Using Our JavaScript

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget diam risus. Vestibulum eget diam tellus. Aliquam pulvinar diam eget metus pulvinar sollicitudin. Vivamus felis dolor, luctus vehicula malesuada venenatis, semper quis lectus. Nam facilisis purus vel nibh hendrerit faucibus. Duis mauris erat, ultrices sit amet feugiat mollis, imperdiet ut tortor. Cras iaculis ipsum vel elit consectetur feugiat. Praesent condimentum magna id dui feugiat non faucibus sapien ultricies. Pellentesque ut sem dui, ac blandit elit. Pellentesque elementum viverra massa, nec tristique tortor suscipit elementum. Fusce interdum porta lacinia. Quisque pulvinar orci tristique nulla molestie condimentum. Aenean gravida nisl nec est malesuada ut venenatis ipsum iaculis. Mauris eu libero sed ante fringilla ornare. Integer auctor consectetur suscipit. Vivamus rutrum cursus nunc non malesuada. Pellentesque rutrum risus mi. Phasellus vel justo id felis facilisis fermentum id ut justo. Vivamus quis facilisis velit. Nulla vitae lacus eros. Nunc id erat ac tortor malesuada imperdiet. Vivamus nisl magna, auctor euismod suscipit quis, aliquam nec felis. Nulla felis lectus, malesuada vel rutrum ut, fermentum id purus. Duis vel turpis ac enim consectetur vulputate. Praesent dignissim, odio ut interdum eleifend, enim justo imperdiet justo, ac rutrum eros ante ac enim. Curabitur et nulla sed sapien sodales tristique. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus vulputate ullamcorper quam vitae porta. Quisque dapibus velit at augue convallis tempus. Fusce consectetur erat eu nunc facilisis at ultrices lectus lobortis. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Integer id purus id purus tempus egestas et ultricies leo.

Optional JavaScript Configuration

Phasellus vel justo id felis facilisis fermentum id ut justo. Vivamus quis facilisis velit. Nulla vitae lacus eros. Nunc id erat ac tortor malesuada imperdiet. Vivamus nisl magna, auctor euismod suscipit quis, aliquam nec felis. Nulla felis lectus, malesuada vel rutrum ut, fermentum id purus. Duis vel turpis ac enim consectetur vulputate. Praesent dignissim, odio ut interdum eleifend, enim justo imperdiet justo, ac rutrum eros ante ac enim. Curabitur et nulla sed sapien sodales tristique. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus vulputate ullamcorper quam vitae porta. Quisque dapibus velit at augue convallis tempus. Fusce consectetur erat eu nunc facilisis at ultrices lectus lobortis. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Integer id purus id purus tempus egestas et ultricies leo.