reactjs / reactjs/react.dev

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

Abierto
#7,008 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

type: documentation
Lenguaje dominante
JavaScript
Estrellas
11.8k
Forks
7.9k
Merge medio
1 d 11 h
PR fusionados (30 d)
11

Descripción

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.

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

No se identifica ninguna página, archivo, prueba ni punto de entrada. Empieza inspeccionando el diseño de página de react.dev y los patrones existentes de botones o navegación; después determina dónde debe ubicarse el control de desplazamiento y cómo debe ajustarse al tema del sitio. La tarea está terminada cuando aparece un botón después de desplazarse, devuelve al usuario suavemente a la parte superior y encaja con el diseño del sitio web.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
javascript, react
Área
frontend
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.