Skip to content

feat(ui): add floating Scroll-to-Top button with smooth scroll and fade-in/out transitions#2

Open
simisdav55-oss wants to merge 1 commit into
mainfrom
fix-250-scroll-to-top-button
Open

feat(ui): add floating Scroll-to-Top button with smooth scroll and fade-in/out transitions#2
simisdav55-oss wants to merge 1 commit into
mainfrom
fix-250-scroll-to-top-button

Conversation

@simisdav55-oss

Copy link
Copy Markdown
Owner

Summary

Adds a floating "Scroll to Top" button that appears after the user scrolls down, improving navigation on long pages.

Changes

  • Created ScrollToTopButton component at Frontend/src/components/shared/ScrollToTopButton.jsx
  • Button appears with fade-in/fade-out transition after scrolling past 300px
  • Smooth scroll to top on click
  • Responsive positioning (bottom-right, z-50)
  • Uses existing lucide-react ChevronUp icon and shadcn-style button design
  • Integrated into both the standard app and the docs subdomain router

Closes ritesh-1918#250

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: Add Scroll-to-Top Button for Improved User Navigation

1 participant