Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add "Back to Top" Button #826

Closed
1 task done
Ayushjhawar8 opened this issue Oct 25, 2024 · 3 comments · Fixed by #827
Closed
1 task done

Add "Back to Top" Button #826

Ayushjhawar8 opened this issue Oct 25, 2024 · 3 comments · Fixed by #827

Comments

@Ayushjhawar8
Copy link

Ayushjhawar8 commented Oct 25, 2024

Describe the feature

The "Back to Top" button allows users to quickly return to the top of the page with one click. Currently, users need to scroll manually, which can be cumbersome on long pages. This feature would improve navigation and enhance user experience by making it easier to access the top of the page.

Potential Solutions

  • Floating Button: Positioned at the bottom right corner/middle for easy access.
  • ID for Topmost Image: Add an ID to the topmost image on the page so that the button can directly link to it.

Sample Screenshot:
image

  • Yes im ready to contribute towards this issue
klieret added a commit that referenced this issue Oct 25, 2024
klieret added a commit that referenced this issue Oct 25, 2024
@klieret
Copy link
Member

klieret commented Oct 25, 2024

Thanks for the suggestion!

@Ayushjhawar8
Copy link
Author

@klieret Thanks for the suggestion!

no probs also you can add this same button in the readme at bottom with something like this

<div align="center" align-items: center;">
        <a href="#top">
            <img src="https://img.shields.io/badge/Back%20to%20Top-000000?style=for-the-badge&logo=github&logoColor=white" alt="Back to Top">
        </a>
</div>

and give id to any image at top

@klieret
Copy link
Member

klieret commented Oct 25, 2024

thanks, but let's keep it simple :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants