[Feature]: Add a floating "back to top" button that appears when users scroll down, with smooth animation.

[kaifansariw]

Feature Type

UI/UX Enhancement

Problem Description

Creating a minimal back to top button component with scroll detection and smooth animation. when user scroll 300px down the page it will appear.

Proposed Solution

Add a back to top button when the user reach to the end of the website and he/she want to go to the top. Implemented this feature with React hooks (useState, useEffect) , uses lucide-react icon , uses TailwindCSS for styling and animation.

Alternative Solutions

No response

Mockups or Examples

No response

Implementation Details

No response

Additional Context

No response

Code of Conduct

• I have searched for similar feature requests before creating this one
• I understand this is a feature request for the website only, not Sugar Labs software
• I agree to follow the project's Code of Conduct

[kaifansariw]

@sa-fw-an can you assign this issue to work on it.

[kaifansariw]

@sa-fw-an are you accepting issue on it??

[Dakshsharma1108]

@kaifansariw this change is done by #553 , so you can close this issue

[kaifansariw]

@Dakshsharma1108 why no one is replying ??

[Dakshsharma1108]

@Dakshsharma1108 why no one is replying ??

I don't know about that but this issue is resolved. So you can close this on your own

[sa-fw-an]

@kaifansariw This is a Duplicate issue. It is already implemented in the PR:

• feat(ui/ux): Added the Scroll to top button - UX enhancement #553

[kaifansariw]

@sa-fw-an ok