reactjs / reactjs/react.dev

[Suggestion]: Adding a Scroll-To-top Button .

Ouverte
#7,008 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

type: documentation
Langage dominant
JavaScript
Étoiles
11.8k
Forks
7.9k
Merge moyen
1 j 11 h
PR mergées (30 j)
11

Description

Summary

Please add a "Scroll to Top" button to improve user experience. The button should appear after scrolling down and allow users to quickly return to the top of the page.

Page

No response

Details

I would like to request the addition of a "Scroll to Top" button to the website. This feature would enhance the user experience by allowing users to quickly navigate back to the top of the page without needing to manually scroll up, especially on longer pages.

-->Expected Behavior:

  1. A button should appear at the bottom right (or another appropriate location) of the screen after the user has scrolled down a certain distance.

2.Clicking the button should smoothly scroll the user back to the top of the page.

3.The button should have a user-friendly design that fits well with the website's overall theme.

-->Benefits:

1.Improves user navigation and accessibility.
2.Enhances overall user experience, especially for pages with extensive content.

-->Additional Context:

This feature is commonly seen on many modern websites and is appreciated by users for its convenience.

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Aucune page, aucun fichier, aucun test ni aucun point d’entrée n’est identifié. Commencez par examiner la mise en page de react.dev et les modèles existants de boutons ou de navigation, puis déterminez où le contrôle de défilement doit être placé et comment l’adapter au thème du site. La tâche est terminée lorsqu’un bouton apparaît après le défilement, ramène doucement l’utilisateur en haut de la page et s’intègre au design du site web.

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

Évaluation

Stack technique
javascript, react
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

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