Jump links
Overview
Jump links allow users to navigate sections of content on a page.
Status
Sample element
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit itaque veniam animi iure corporis quibusdam error, necessitatibus inventore fugiat, minus natus eaque provident eius facilis. Dolorem qui tenetur quaerat facere!
When to use
- Act as persistent or sticky navigation for pages with lots of content
- Navigate through section headings on a page without scrolling
- Move a user to a specific section of content
Jump links sample element with "Jump to section" at the top and five links below. The links are "anchored" by a left vertical border. The third link is active and has a thicker red border on the left as an indicator.