← Back to all updates

Enhanced Floating Header with Scroll Awareness

Commit: 6b9069d

Implemented a scroll-aware floating header with fade animations for improved content readability.

Changes

  • Added a scroll-aware floating header that fades out when scrolling down and fades back in when scrolling up.
  • Utilized a ZStack overlay approach to prevent jarring content jumps during scrolling.
  • Introduced a ScrollDirection enum to effectively track the scroll direction for dynamic header behavior.
  • Implemented an onScroll callback chain from WYSIWYGTextView to MarkdownEditorView for enhanced scroll handling.
  • Added a topInset parameter to position editor content below the floating header seamlessly.
  • Included a subtle white gradient fade below the header for a smoother visual transition.
  • Configured the header to automatically appear when scrolled near the top (offset < 50).