AOSSIE-Org / AOSSIE-Org/OrgExplorer

[FEATURE]: Add a Back to Top button

Ouverte
#170 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
enhancement
Langage dominant
JavaScript
Étoiles
34
Forks
92
Merge moyen
8 j 7 h
PR mergées (30 j)
12

Description

### Feature and its Use Cases

## Feature Description

Add a "Back to Top" button that appears when users scroll down the page.

The button should allow users to quickly return to the top of the page by clicking it. The page should scroll back to the top smoothly.

## Use Cases

- Users can quickly return to the top of long pages without manually scrolling.
- It improves navigation and overall user experience.
- It is especially useful on pages with a large amount of content.
- The button can appear after the user has scrolled down a certain distance and remain hidden when the user is already near the top.

### Additional Context

A reusable Back to Top component could be implemented so that it can be used across pages where long scrolling is required.

The button should follow the existing UI design and remain unobtrusive. It should also work properly on both desktop and mobile screens.

The scroll behavior should be smooth when the user clicks the button.

### Code of Conduct

- [x] I have joined the [Discord server](https://discord.gg/hjUhu33uAn) and will post updates there
- [x] I have searched existing issues to avoid duplicates

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Start by locating the page layout and existing UI components or styles used across OrgExplorer, then check how long pages behave on desktop and mobile. Add a reusable Back to Top component that appears after scrolling, stays hidden near the top, follows the existing design, and returns users smoothly to the top when clicked.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
3/5
Temps estimé
1-2 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
55/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.