Jump Links
Designed for Program Detail pages, the Jump Links menu helps users navigate between individual sections of the page and keeps the primary CTAs close at hand.
How It Works
The text in the Jump Links menu must be entered manually, but should align with the overall page structure; section titles should match the headlines of the individual page components.
The menu lives below the Program Hero in a collapsed state to start, then becomes sticky and remains at the top of the screen as the user scrolls. The visible section label updates as the user scrolls to the section of the page they are currently on, and selecting a section title from the menu will jump the user to that section of the page.
Parameters
Template availability
- Full-width (program page only)
lorem
Lorem ipsum odor amet
Lorem ipsum odor amet, consectetuer adipiscing elit. Accumsan dui semper nisi tellus luctus class porttitor porta penatibus. Montes venenatis est id magna nisl aliquet. Class ultrices metus; commodo hendrerit hac dignissim! Massa elit netus ligula aliquet sapien aliquam massa facilisi. Suscipit sodales lobortis semper laoreet cras diam. Pellentesque mauris mus porttitor sollicitudin sapien tincidunt semper. Volutpat mollis orci nostra mollis odio habitasse lectus.
Lorem ipsum odor amet, consectetuer adipiscing elit. Accumsan dui semper nisi tellus luctus class porttitor porta penatibus. Montes venenatis est id magna nisl aliquet. Class ultrices metus; commodo hendrerit hac dignissim! Massa elit netus ligula aliquet sapien aliquam massa facilisi. Suscipit sodales lobortis semper laoreet cras diam. Pellentesque mauris mus porttitor sollicitudin sapien tincidunt semper. Volutpat mollis orci nostra mollis odio habitasse lectus.
lorem
Test Header Two
Lorem ipsum odor amet, consectetuer adipiscing elit. Accumsan dui semper nisi tellus luctus class porttitor porta penatibus. Montes venenatis est id magna nisl aliquet. Class ultrices metus; commodo hendrerit hac dignissim! Massa elit netus ligula aliquet sapien aliquam massa facilisi. Suscipit sodales lobortis semper laoreet cras diam. Pellentesque mauris mus porttitor sollicitudin sapien tincidunt semper. Volutpat mollis orci nostra mollis odio habitasse lectus.
Lorem
Lorem Ipsom Dolor
Lorem ipsum odor amet, consectetuer adipiscing elit. Accumsan dui semper nisi tellus luctus class porttitor porta penatibus. Montes venenatis est id magna nisl aliquet. Class ultrices metus; commodo hendrerit hac dignissim! Massa elit netus ligula aliquet sapien aliquam massa facilisi. Suscipit sodales lobortis semper laoreet cras diam. Pellentesque mauris mus porttitor sollicitudin sapien tincidunt semper. Volutpat mollis orci nostra mollis odio habitasse lectus.
