[Feature] Add a scroll-to-top element to UX for longer page contexts

[possumbilities]

Description

Many pages within Creative Commons websites have much longer pages, in these cases a scroll-to-top element would serve a valid purpose in certain contexts to aid in improved UX.

The element would likely not be present on smaller screens which already have some measure of functionality related to this baked into their operating system level UX; but for larger viewport sizes this could be much more helpful to include.

Additional context

• [Feature] Implement a "Back to Top" Button for Improved Navigation cc-legal-tools-app#474
• Create a scroll back to top button cc-resource-archive#216

Solutions here should explore non-js interventions. CSS pseudo elements using z-index stack positions and variable percentage based heights would offer a means to "reveal" the button after a degree of scrolling, and to visually hide the element on pages which do not reach a particular length. Special care for keyboard accessibility should be taken under consideration to ensure that it can receive appropriate focus and order handling.

Implementation

• I would be interested in implementing this feature.

[Netacci]

Hi @possumbilities can I take this issue off your hands?

[Thatchidinma]

hello can i work on this issue?