Intro
An anchor tag, or 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.
Usage:
- Another navigation method that allows users to get to the content they want to look at quickly.
Specs:
- Looks exactly like the secondary navigation seen on service and industry pages.
- Can only have one type of navigation on a page. If the option to show a "secondary menu" as well as the "anchors menu" has been selected only the "anchors menu" will show up.
Page type: None
Layouts: All
Issue added to jira:
- Mobile anchor links jump too high
- When used in normal links it jumps too low
Setup instructions
[Add setup instructions]
- ID must be unique per page
- No spaces in ID - Single words or camelCase is better
- Do not start 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.