Skip to content

Add Scroll-to-Top Button on FAQ Page#1020

Merged
Renu-code123 merged 2 commits intoRenu-code123:mainfrom
Eshajha19:faq-scroll
Mar 6, 2026
Merged

Add Scroll-to-Top Button on FAQ Page#1020
Renu-code123 merged 2 commits intoRenu-code123:mainfrom
Eshajha19:faq-scroll

Conversation

@Eshajha19
Copy link
Contributor

@Eshajha19 Eshajha19 commented Mar 6, 2026

✨ Add Scroll-to-Top Button on FAQ Page

📌 Description

This PR adds a Scroll-to-Top button to the FAQ page to improve navigation and user experience. When users scroll down the page, a floating button appears that allows them to smoothly return to the top of the page with a single click.

🚀 Features Added

  • Floating Scroll-to-Top button on the FAQ page
  • Smooth scrolling animation
  • Glow hover effect for better UI interaction
  • Responsive design for mobile and desktop
  • Dark mode support for consistent UI with the existing theme

🛠 Implementation Details

  • Added scrollTopBtn button in faq.html
  • Added CSS styling in faq.css
  • Created scroll.js to handle scroll detection and smooth scroll behavior

📂 Files Modified

  • faq.html
  • faq.css
  • faq.js

🎯 Benefits

  • Improves page navigation
  • Enhances user experience on long FAQ pages
  • Provides modern UI interaction

📷 UI Behavior

  • Button appears after scrolling down the page.
  • Clicking the button smoothly scrolls back to the top.

✅ This change makes the FAQ page more interactive, accessible, and user-friendly.

This PR closes issue #1009

Screen.Recording.2026-03-06.145725.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 6, 2026

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

Project Deployment Actions Updated (UTC)
expenseflow Ready Ready Preview, Comment Mar 6, 2026 1:38pm

@Renu-code123 Renu-code123 merged commit 137f2f7 into Renu-code123:main Mar 6, 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