Back to Top links

On pages with a lot of content, Back to Top links provide a convenient way for customers to return to the top of the page.

Links can be presented as buttons and within other elements. On pages with a lot of content, links can be included within section headings.

Small screen sizes

You may choose to display links only on small screen sizes by using our responsive display utilities.

Reveal on scroll

Links can also adopt a fixed position on the screen (for example, the bottom-right) and revealed when the visitor scrolls beyond a certain position on the page. The pattern below also contains custom JavaScript to smooth scroll the page back to the top.

Sticky Table of Contents can also be used to provide visitors with information about where they are on the page and a means of easily navigating between sections.