Skip to content

[Feature]: Add "Scroll to Top" button for long pages #570

Description

@Arsh-sudo

Description

The DevPath landing page has multiple sections (Home, How It Works,
Features, Find Project) and can get quite long when scrolling. There
is no "Scroll to Top" button, forcing users to manually scroll all
the way back up.

Current Behavior

  • No scroll to top button exists anywhere on the page
  • Users must manually scroll to the top after reading content

Expected Behavior

  • A floating "↑" button appears in the bottom-right corner
  • Button only appears after scrolling down a certain amount (e.g. 300px)
  • Clicking it smoothly scrolls back to the top
  • Button disappears when already at the top
  • Respects prefers-reduced-motion

Suggested Implementation

  • Create a ScrollToTop component
  • Use window.scrollY > 300 to show/hide the button
  • Use window.scrollTo({ top: 0, behavior: 'smooth' }) on click
  • Position: fixed bottom-6 right-6 z-50

Location

Global — should appear on all pages

Labels

enhancement UI/UX good first issue

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions