Skip to content

Conversation

@PriyankaGowda2005
Copy link
Contributor

πŸ“Œ Pull Request Summary

Improved the scroll to top button functionality and design to meet the requirements specified in issue #697.

Changes Made:

  • βœ… Changed trigger threshold from 200px to 100px as requested
  • βœ… Moved button from bottom-left to bottom-right corner
  • βœ… Enhanced visual design with gradient background and better shadows
  • βœ… Improved hover effects with scale and translate animations
  • βœ… Added active state for better user feedback
  • βœ… Enhanced mobile responsiveness with proper positioning
  • βœ… Increased button size from 40px to 50px for better accessibility
  • βœ… Added border styling for better visual appeal

Features:

  • 🎯 Appears when user scrolls down 100px or more
  • 🎨 Visually appealing gradient design with smooth animations
  • πŸ“± Fully responsive for both mobile and desktop
  • ⚑ Smooth scrolling behavior maintained
  • 🎭 Enhanced hover and active states for better UX

πŸ› οΈ Type of Change

  • ✨ New feature
  • 🎨 Design enhancement
  • πŸ“± Mobile responsiveness

πŸ”— Related Issue

Closes #697

βœ… Checklist

  • I have tested my changes locally
  • I have run npm run dev to check code style
  • My code follows the project's coding conventions
  • I have performed a self-review of my own code
  • My changes generate no new warnings or errors
  • I have commented my code, especially in hard-to-understand areas
  • I have linked the related issue

The scroll to top button now features:

  • Modern gradient design with orange theme
  • Smooth hover animations
  • Proper positioning in bottom-right corner
  • Responsive design for all screen sizes
  • Enhanced accessibility with larger size

🧠 Additional Notes

This improvement addresses all the requirements mentioned in the issue:

  • Button appears at 100px scroll threshold
  • Positioned in bottom-right corner
  • Visually appealing and responsive design
  • Smooth scrolling functionality maintained
  • Enhanced user experience with better animations

- Changed trigger threshold from 200px to 100px as requested
- Moved button from bottom-left to bottom-right corner
- Enhanced visual design with gradient background and better shadows
- Improved hover effects with scale and translate animations
- Added active state for better user feedback
- Enhanced mobile responsiveness with proper positioning
- Increased button size from 40px to 50px for better accessibility
- Added border styling for better visual appeal

Fixes Abhishek2634#697
@vercel
Copy link

vercel bot commented Oct 2, 2025

@PriyankaGowda2005 is attempting to deploy a commit to the Abhi's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link

vercel bot commented Oct 11, 2025

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

Project Deployment Preview Comments Updated (UTC)
foodie Ready Ready Preview Comment Oct 11, 2025 2:08am

@PriyankaGowda2005
Copy link
Contributor Author

@Abhishek2634 could u pls check this and merge it

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.

✨ : Add Scroll to Top Button

2 participants