Back to top

Let your users easily travel back to the top of a page - a feature in the Ripple design system.


The 'back to top' component allows a user to immediately scroll back to the top of long pages.

It appears when a user has scrolled a certain way down a page, and remains in a fixed position at the bottom of the browser.


A visual example of the back to top button.

How to build

'Back to top' is a mandatory component and automatically displays on all pages.

Reviewed 06 July 2020

Get support using SDP

Our community of practice for anyone with content on SDP meets once every 2 months. We cover research, analytics, new features and more. You can also learn from how others are using the platform and get support to build new pages. To join or find out more contact

Was this page helpful?