Intro
An anchor tag, anchor link, or jump link, is a web page element that links to another location on the same page. They are typically used for long or text-heavy pages so that visitors can jump to a specific part of the page without having to scroll as much.
Good for: Another navigation method that allows users to get to the content they want to look at quickly
Page type used: None
Can be used in these row options: All
Issue: When used in normal links it jumps too low on desktop but works fine in tablet/mobile. Alternative is to use normal jump links in code.
Specs:
- Looks different than the secondary navigation seen on service and industry pages
- If both the page and jump link navigations are enabled, only the page navigation will show on mobile but both will appear on desktop
Setup tips
- All ID's must be unique per page
- No spaces in the ID - Use single words or camel case (ThisIsCamelCase)
- Do not start the ID with a number
Anchor #1
Aliquam vulputate risus sagittis eleifend aliquam. Donec dignissim quam sed tincidunt pharetra. Duis vitae blandit urna, a lobortis lorem. Fusce interdum suscipit nisl vitae eleifend. Vivamus vestibulum sit amet nulla vel sodales. Pellentesque porttitor nunc sed erat pulvinar, ac efficitur velit accumsan. Curabitur at dui vestibulum, vehicula ipsum sit amet, efficitur nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus fermentum nulla et lacus feugiat ullamcorper. In nec neque suscipit, luctus dui in, tristique dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras at tellus ultricies, accumsan ante in, porttitor felis. Vestibulum sed eleifend orci. Nulla dictum turpis vel augue venenatis volutpat.
Anchor #2
Aliquam vulputate risus sagittis eleifend aliquam. Donec dignissim quam sed tincidunt pharetra. Duis vitae blandit urna, a lobortis lorem. Fusce interdum suscipit nisl vitae eleifend. Vivamus vestibulum sit amet nulla vel sodales. Pellentesque porttitor nunc sed erat pulvinar, ac efficitur velit accumsan. Curabitur at dui vestibulum, vehicula ipsum sit amet, efficitur nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus fermentum nulla et lacus feugiat ullamcorper. In nec neque suscipit, luctus dui in, tristique dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras at tellus ultricies, accumsan ante in, porttitor felis. Vestibulum sed eleifend orci. Nulla dictum turpis vel augue venenatis volutpat.
Anchor #3
Aliquam vulputate risus sagittis eleifend aliquam. Donec dignissim quam sed tincidunt pharetra. Duis vitae blandit urna, a lobortis lorem. Fusce interdum suscipit nisl vitae eleifend. Vivamus vestibulum sit amet nulla vel sodales. Pellentesque porttitor nunc sed erat pulvinar, ac efficitur velit accumsan. Curabitur at dui vestibulum, vehicula ipsum sit amet, efficitur nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus fermentum nulla et lacus feugiat ullamcorper. In nec neque suscipit, luctus dui in, tristique dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras at tellus ultricies, accumsan ante in, porttitor felis. Vestibulum sed eleifend orci. Nulla dictum turpis vel augue venenatis volutpat.