reactjs / reactjs/react.dev

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

Aberta
#7,008 1 comentário 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

type: documentation
Linguagem predominante
JavaScript
Estrelas
11.8k
Forks
7.9k
Merge médio
1d 11h
PRs com merge (30d)
11

Descrição

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.

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Nenhuma página, arquivo, teste ou ponto de entrada é identificado. Comece inspecionando o layout da página de react.dev e os padrões existentes de botões ou navegação; em seguida, determine onde o controle de rolagem deve ficar e como ele deve corresponder ao tema do site. Está concluído quando um botão aparece após a rolagem, retorna o usuário suavemente ao topo e se encaixa no design do site.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
javascript, react
Domínio
frontend
Tipo de issue
Funcionalidade
Dificuldade
4/5
Tempo estimado
3-5 dias
Status de atividade
Estagnada
Clareza
Precisa de esclarecimento
Facilidade para iniciantes
35/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.