FEATURE:Add Scroll-to-Top Button for Better Navigation

[zaibamachhaliya]

Description:
Currently, there is no scroll-to-top button on the website. Users must manually scroll back to the top of the page after reaching the bottom, which can be inconvenient, especially on pages with lengthy content.

Current Behavior
Users need to manually scroll to the top of the page.
Expected Behavior
Add a floating "Scroll to Top" button that becomes visible when the user scrolls down.
When clicked, the page should smoothly scroll back to the top.
The button should remain accessible across different screen sizes and devices.

Benefits
Improves user experience and navigation.
Makes it easier to browse long pages.
Provides a modern and user-friendly interface.

Acceptance Criteria
A scroll-to-top button appears after the user scrolls down.
Clicking the button smoothly scrolls the page to the top.
The button is responsive and works on mobile, tablet, and desktop devices.
The button does not interfere with existing UI elements.

[zaibamachhaliya]

Hi, I would like to work on this issue. Could you please assign it to me? Thank you!

[abinaya-manokaran]

Hi @thetechguardians,

I reviewed this feature request and I think a scroll-to-top button would be a useful enhancement for improving navigation on pages with longer content.

My proposed approach would be:

• Display a floating button only after the user scrolls beyond a certain threshold (for example, 300–400px)
• Use smooth scrolling behavior for a better user experience
• Position the button in a non-intrusive location (bottom-right corner)
• Ensure it remains responsive across desktop, tablet, and mobile devices
• Add subtle hover and focus states for accessibility
• Prevent overlap with existing floating UI elements

This implementation would improve usability while keeping the interface clean and consistent with the current design.

I would be happy to implement this feature under SSoC'26 if the maintainers find this approach suitable.

Thank you.

[ChaudhariPiyush15]

Hi @zaibamachhaliya ,

I would like to work on this feature request.

My plan is to:

• Implement a floating "Scroll to Top" button that becomes visible once the user scrolls beyond a certain threshold.
• Add smooth scrolling behavior to provide a seamless navigation experience when the button is clicked.
• Ensure the button is fully responsive and accessible across mobile, tablet, and desktop devices.
• Position the button carefully so that it does not interfere with existing UI components.
• Follow the project's existing design system to maintain visual consistency.
• Test the functionality across different screen sizes and browsers to ensure reliability.

This enhancement will improve navigation on long pages and provide a more user-friendly browsing experience.

Could you please assign this issue to me?

Thank you!

[JiaAneja]

Hello ,

I would like to work on this issue under SSoC 2026. I have reviewed the issue description and understand the requirements. I have experience with web development and open-source contributions, and I would love to contribute to this project.

Could you please assign this issue to me? I will start working on it as soon as it is assigned and provide regular updates on my progress.

Thank you!