Skip to content

🐛 Bug Report: Page does not scroll to top when navigating to /contact or /about via footer links #497

@atharv96k

Description

@atharv96k

📜 Description

#gssoc

Bug Description

Clicking "Contact Us" or "About" links in the footer navigates to the
correct page, but the page does not scroll to the top. Instead, it
remains at the bottom (footer position), forcing users to manually
scroll up.

Steps to Reproduce

  1. Scroll to the bottom of any page to reach the footer
  2. Click "Contact Us" or "About" from the Quick Links section
  3. Observe that the page loads but viewport stays at the bottom

Expected Behavior

After navigation, the page should automatically scroll to the top.

Actual Behavior

Page renders at the footer/bottom position where the link was clicked.

Possible Fix

Add a ScrollToTop component in React that triggers
window.scrollTo(0, 0) on route change using useEffect
and useLocation from react-router-dom.

Environment

  • Browser: Chrome
  • Page: /contact, /about
  • Footer Quick Links section

Contribution

I would like to work on this issue as a GSSoC 2026 contributor.
I have identified the fix and can implement it immediately.

What browsers are you seeing the problem on?

No response

📃 Relevant Screenshots (Links)

No response

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions