Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
1 task done
possumbilities opened this issue Sep 4, 2024 · 3 comments · May be fixed by #97, #165 or #280
Open
1 task done

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

possumbilities opened this issue Sep 4, 2024 · 3 comments · May be fixed by #97, #165 or #280
Assignees
Labels
💻 aspect: code Concerns the software code in the repository 🕹 aspect: interface Concerns end-users' experience with the software ✨ goal: improvement Improvement to an existing feature 🟨 priority: medium Not blocking but should be fixed soon 🏁 status: ready for work Ready for work

Comments

@possumbilities
Copy link
Contributor

possumbilities commented Sep 4, 2024

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

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.
@possumbilities possumbilities added 🟨 priority: medium Not blocking but should be fixed soon 🏁 status: ready for work Ready for work ✨ goal: improvement Improvement to an existing feature 💻 aspect: code Concerns the software code in the repository 🕹 aspect: interface Concerns end-users' experience with the software labels Sep 4, 2024
@possumbilities possumbilities self-assigned this Sep 4, 2024
@TimidRobot TimidRobot moved this to Backlog in WebDev Sep 10, 2024
@Netacci
Copy link

Netacci commented Oct 1, 2024

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

@Thatchidinma
Copy link

hello can i work on this issue?

@Daodu111
Copy link

Daodu111 commented Oct 5, 2024

@possumbilities I have made the changes, kindly check it out.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment