Skip to content

feat: add scroll-to-top button in editor area#15

Merged
j4rviscmd merged 1 commit intomainfrom
feat/scroll-to-top
Mar 22, 2026
Merged

feat: add scroll-to-top button in editor area#15
j4rviscmd merged 1 commit intomainfrom
feat/scroll-to-top

Conversation

@j4rviscmd
Copy link
Copy Markdown
Owner

Summary

  • Add a floating scroll-to-top button at the bottom-right of the editor area
  • Button appears with a fade-in animation when scrolled past 300px and fades out when back at top
  • Introduce a reusable useScrollPosition hook with RAF throttling for scroll position detection
  • Follow the existing sticky overlay pattern (mirroring SaveStatusIndicator at top-right)

Test plan

  • Scroll down past 300px — button fades in at bottom-right
  • Click button — smooth scroll to top
  • Scroll back to top — button fades out
  • Verify header auto-hide still works correctly (no interference with useScrollDirection)
  • Test with both long and short notes
  • Test sidebar open/close — no layout issues

🤖 Generated with Claude Code

Add a floating scroll-to-top button at the bottom-right of the editor
that appears when scrolled past 300px and smoothly scrolls back to top
on click. Uses a reusable useScrollPosition hook with RAF throttling.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@j4rviscmd j4rviscmd added the enhancement New feature or request label Mar 22, 2026
@j4rviscmd j4rviscmd merged commit 045870d into main Mar 22, 2026
@j4rviscmd j4rviscmd deleted the feat/scroll-to-top branch March 22, 2026 15:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant