What is section navigation?

Section navigation is in page navigation that allows users to quickly jump between sections of content as the scroll the page. The sections navigation uses its relation to the other elements on the page to determine what to jump to and it also uses what is visible on the screen to set active state. This only works well for pages with a good amount of content.

Here is why our section navigation is pretty awesome.

  • It becomes fixed when you scroll past the navigation.
  • It automatically updates active state by what you are looking at.
  • It automatically handles what to navigate to based on the navigation items position in the list.
  • It supports different background colors for fixed and non-fixed states.
  • It supports icons and images!
 

Payment

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra nam libero justo. Nibh tellus molestie nunc non blandit massa enim nec. Faucibus pulvinar elementum integer enim. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Sapien faucibus et molestie ac feugiat sed lectus vestibulum. Eget duis at tellus at urna condimentum mattis pellentesque id. Ut consequat semper viverra nam libero justo laoreet sit amet. Ipsum consequat nisl vel pretium lectus. Curabitur vitae nunc sed velit dignissim sodales ut eu sem. Faucibus turpis in eu mi bibendum neque egestas congue. Elementum curabitur vitae nunc sed. Morbi tempus iaculis urna id volutpat lacus laoreet.Turpis egestas sed tempus urna. Aliquam malesuada bibendum arcu vitae. Nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque. Nibh mauris cursus mattis molestie a iaculis. Eget aliquet nibh praesent tristique. Sed nisi lacus sed viverra. A scelerisque purus semper eget duis. Vitae elementum curabitur vitae nunc sed. Aliquam etiam erat velit scelerisque in dictum. Fusce id velit ut tortor pretium viverra suspendisse potenti. Diam in arcu cursus euismod quis viverra nibh. Malesuada fames ac turpis egestas sed. Sit amet venenatis urna cursus eget nunc scelerisque viverra mauris. Risus nec feugiat in fermentum posuere urna nec tincidunt. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Cras semper auctor neque vitae tempus quam pellentesque nec. Id neque aliquam vestibulum morbi blandit cursus.

Shipping

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra nam libero justo. Nibh tellus molestie nunc non blandit massa enim nec. Faucibus pulvinar elementum integer enim. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Sapien faucibus et molestie ac feugiat sed lectus vestibulum. Eget duis at tellus at urna condimentum mattis pellentesque id. Ut consequat semper viverra nam libero justo laoreet sit amet. Ipsum consequat nisl vel pretium lectus. Curabitur vitae nunc sed velit dignissim sodales ut eu sem. Faucibus turpis in eu mi bibendum neque egestas congue. Elementum curabitur vitae nunc sed. Morbi tempus iaculis urna id volutpat lacus laoreet.Turpis egestas sed tempus urna. Aliquam malesuada bibendum arcu vitae. Nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque. Nibh mauris cursus mattis molestie a iaculis. Eget aliquet nibh praesent tristique. Sed nisi lacus sed viverra. A scelerisque purus semper eget duis. Vitae elementum curabitur vitae nunc sed. Aliquam etiam erat velit scelerisque in dictum. Fusce id velit ut tortor pretium viverra suspendisse potenti. Diam in arcu cursus euismod quis viverra nibh. Malesuada fames ac turpis egestas sed. Sit amet venenatis urna cursus eget nunc scelerisque viverra mauris. Risus nec feugiat in fermentum posuere urna nec tincidunt. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Cras semper auctor neque vitae tempus quam pellentesque nec. Id neque aliquam vestibulum morbi blandit cursus.

Care & Handling

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra nam libero justo. Nibh tellus molestie nunc non blandit massa enim nec. Faucibus pulvinar elementum integer enim. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Sapien faucibus et molestie ac feugiat sed lectus vestibulum. Eget duis at tellus at urna condimentum mattis pellentesque id. Ut consequat semper viverra nam libero justo laoreet sit amet. Ipsum consequat nisl vel pretium lectus. Curabitur vitae nunc sed velit dignissim sodales ut eu sem. Faucibus turpis in eu mi bibendum neque egestas congue. Elementum curabitur vitae nunc sed. Morbi tempus iaculis urna id volutpat lacus laoreet.Turpis egestas sed tempus urna. Aliquam malesuada bibendum arcu vitae. Nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque. Nibh mauris cursus mattis molestie a iaculis. Eget aliquet nibh praesent tristique. Sed nisi lacus sed viverra. A scelerisque purus semper eget duis. Vitae elementum curabitur vitae nunc sed. Aliquam etiam erat velit scelerisque in dictum. Fusce id velit ut tortor pretium viverra suspendisse potenti. Diam in arcu cursus euismod quis viverra nibh. Malesuada fames ac turpis egestas sed. Sit amet venenatis urna cursus eget nunc scelerisque viverra mauris. Risus nec feugiat in fermentum posuere urna nec tincidunt. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Cras semper auctor neque vitae tempus quam pellentesque nec. Id neque aliquam vestibulum morbi blandit cursus.

Additional Questions

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere ac ut consequat semper viverra nam libero justo. Nibh tellus molestie nunc non blandit massa enim nec. Faucibus pulvinar elementum integer enim. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. Sapien faucibus et molestie ac feugiat sed lectus vestibulum. Eget duis at tellus at urna condimentum mattis pellentesque id. Ut consequat semper viverra nam libero justo laoreet sit amet. Ipsum consequat nisl vel pretium lectus. Curabitur vitae nunc sed velit dignissim sodales ut eu sem. Faucibus turpis in eu mi bibendum neque egestas congue. Elementum curabitur vitae nunc sed. Morbi tempus iaculis urna id volutpat lacus laoreet.Turpis egestas sed tempus urna. Aliquam malesuada bibendum arcu vitae. Nulla posuere sollicitudin aliquam ultrices sagittis orci a scelerisque. Nibh mauris cursus mattis molestie a iaculis. Eget aliquet nibh praesent tristique. Sed nisi lacus sed viverra. A scelerisque purus semper eget duis. Vitae elementum curabitur vitae nunc sed. Aliquam etiam erat velit scelerisque in dictum. Fusce id velit ut tortor pretium viverra suspendisse potenti. Diam in arcu cursus euismod quis viverra nibh. Malesuada fames ac turpis egestas sed. Sit amet venenatis urna cursus eget nunc scelerisque viverra mauris. Risus nec feugiat in fermentum posuere urna nec tincidunt. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Cras semper auctor neque vitae tempus quam pellentesque nec. Id neque aliquam vestibulum morbi blandit cursus.