Skip to content

🚀 Feature: Smooth Scroll-to-Top/Down Component #565

@Tannuu18

Description

@Tannuu18

🔖 Feature description

As a user navigates down long content streams (like the GitHub Activity Tracker log or long contributor lists), scrolling all the way back to the top manually can create unnecessary friction and degrade the user experience.I propose adding a subtle, floating "Scroll-to-Top" action button that dynamically triggers once the user scrolls past a specific vertical threshold (e.g., 300px). Clicking this button smoothly glides the user back to the top of the viewport.

Key Features
[x] Dynamic Visibility: The button remains completely hidden until the user scrolls down a set distance, keeping the UI clean and minimalist.

[x] Smooth Animation: Utilizes modern CSS native smooth-scrolling behaviors (window.scrollTo({ top: 0, behavior: 'smooth' })).

[x] Accessible Design: Features a polished floating action button style that adapts fluidly to both light and dark UI themes.

🎤 Screenshot

No response

🔄️ Additional Information

No response

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions