DCJ Digital Design System

Back to top

A back to top button provides an easy way to return to the top of the page, without having to manually scroll.

Refer to the NSW Digital Design System - Back to top for full guidance and demo on how and when to use this.

Preview

A screenshot of the back to top component with red labels to describe its features.

Placement

The back to top button becomes visible as users scroll towards the bottom of the page. In desktop view, it is fixed in the bottom right-hand corner, while in mobile view, it is displayed as a full-width button at across the bottom of the screen.

Customisation

The button colour is by default your brand dark.

DCJ enhancement

On mobile screens, the button style changes to a full width button, or sits side by side with the quick exit button. It expands the clickable area and makes it easier to access.

Page type

The back to top button is a mandatory component on:

  • content pages
  • campaign pages
  • landing pages
  • homepage
  • Easy Read.
Last updated:

28 Jun 2024