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
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
Expected Behavior
Suggested Implementation
ScrollToTopcomponentwindow.scrollY > 300to show/hide the buttonwindow.scrollTo({ top: 0, behavior: 'smooth' })on clickfixed bottom-6 right-6 z-50Location
Global — should appear on all pages
Labels
enhancementUI/UXgood first issue