HP.com Design System HP.com Design System

Back to top

This module, when added to a page, allows users to scroll back to the top of the page.

Scroll down to see back to top module!

Clicking this icon will auto-scroll the user to the top of their current section.

Usage

This useful little module allows users to scroll back to the top of the page section-by-secion. When a user scrolls down, a back to top icon will appear at the bottom of the screen. Clicking this icon will auto-scroll the user to the top of their current section.

Module specifications 

  • Icon with background color (to scale) must be uploaded – an SVG is preferable

Character counts (with spaces)

  • No copy, so no character counts!

Resources

Reference

For Zeplin access contact the UX Design Manager

Download