Skip to content

Networth scroll#1027

Merged
Renu-code123 merged 2 commits intoRenu-code123:mainfrom
Eshajha19:networth-scroll
Mar 7, 2026
Merged

Networth scroll#1027
Renu-code123 merged 2 commits intoRenu-code123:mainfrom
Eshajha19:networth-scroll

Conversation

@Eshajha19
Copy link
Contributor

🚀 Add Scroll to Top Button on Net Worth Page

Description

This PR adds a Scroll to Top button to the Net Worth page of the ExpenseFlow project. Since the page may contain multiple sections and financial details, users often need to scroll through a long layout. The new button improves navigation by allowing users to quickly return to the top of the page.

Changes Made

Added a Scroll to Top button component to the Net Worth page.

Implemented JavaScript logic to show the button when the user scrolls down.

Added smooth scrolling behavior when the button is clicked.

Styled the button to match the existing UI of ExpenseFlow.

Ensured the feature works properly on desktop and mobile devices.

How It Works

The button appears after the user scrolls down a certain distance.

It remains fixed at the bottom-right corner of the screen.

Clicking the button smoothly scrolls the page back to the top.

Benefits

Improves usability for long pages

Enhances user navigation

Provides a smoother browsing experience

Testing

Verified the button appears when scrolling down the page.

Confirmed smooth scrolling functionality works correctly.

Tested responsiveness across different screen sizes.

This PR clsoes issue #1025

Screen.Recording.2026-03-06.221103.mp4

@vercel
Copy link

vercel bot commented Mar 6, 2026

@Eshajha19 is attempting to deploy a commit to the Renu's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link

github-actions bot commented Mar 6, 2026

🎉 Thanks for the PR, @Eshajha19!

We really appreciate you taking the time to contribute to ExpenseFlow! 💙


⭐ Love this project?

Please give us a star! It helps the project grow and reach more developers! 🌟

🔗 https://github.com/Renu-code123/ExpenseFlow


✅ PR Checklist

Before we review, please ensure:

  • Your code follows the project's coding standards
  • All file changes are accurate and intentional
  • You've tested your changes locally
  • Any review comments have been addressed

🙌 Thank You for Contributing!

We truly appreciate your interest in contributing to this project.

  • Please make sure your code follows the project structure
  • Add clear commit messages and comments where necessary
  • Ensure your changes do not break existing functionality

We'll review your PR as soon as possible. Keep up the great work! ✨


@vercel
Copy link

vercel bot commented Mar 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
expenseflow Ready Ready Preview, Comment Mar 7, 2026 5:16am

@Renu-code123 Renu-code123 merged commit 4023c5e into Renu-code123:main Mar 7, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants