reactjs / reactjs/react.dev

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

Open
#7,008 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

type: documentation
Dominant language
JavaScript
Stars
11.8k
Forks
7.9k
Avg merge
1d 11h
Merged PRs (30d)
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.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No page, file, test, or entry point is identified. Start by inspecting the react.dev page layout and existing button or navigation patterns, then determine where the scroll control belongs and how it should match the site theme. Done means a button appears after scrolling, smoothly returns the user to the top, and fits the website's design.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.