[Feature] Add a "Back to Top" button for smooth bottom-to-top navigation

[antara5603]

Problem

The EduBridge website has a long scrollable layout — it includes a Hero section, Featured Courses section, and a Footer with About Us, Quick Links, and Follow Us columns. Currently there is no way for the user to quickly jump back to the top of the page without manually scrolling all the way up. This hurts the user experience, especially on mobile devices.

Expected Behavior

A "Back to Top" button should appear on the bottom-right corner of the screen when the user scrolls down past a certain point (e.g. 300px), and should:

->Be fixed/floating on the screen at all times once visible
->Smoothly scroll the page back to the top on click
->Hide itself when the user is already at the top
->Be visible on all pages (index.html, login.html, etc.)

Acceptance Criteria

#Button is hidden when user is at the top of the page
#Button appears after scrolling down 300px or more
#Clicking the button smoothly scrolls back to the top
#Button is fixed at bottom-right corner on all screen sizes
#Button is added across all pages of the project

Impact
Medium — Improves overall navigation experience, especially on content-heavy and mobile views.

[antara5603]

Hi @AditixAnand , I'd like to work on this issue. Could you assign it to me?

[aeraa1725-bot]

Hi @AditixAnand , I’d like to work on this issue under GSSoC 2026. I can implement a responsive “Back to Top” button with smooth scrolling behavior and proper visibility across pages while maintaining UI consistency. Please assign this issue to me.

[hemamalinibala02-collab]

Hi @AditixAnand, I noticed the issue is still unassigned. I would love to contribute to this under GSSoC'26 if it's still available. Please consider assigning it to me.

[Janani-bn]

Hi @AditixAnand I am a GSSoC 2026 contributor. I went through the issue and I would like to work on it. Kindly assign it to me.

[SUNIDHI0526]

Hi @AditixAnand ,

I'd love to work on this issue under GSSoC'26. I checked the requirements and this looks like something I'd really enjoy contributing to.

I have experience with HTML, CSS, and basic JavaScript, and I'd be happy to implement a smooth and user-friendly Back to Top button for the project.

Kindly assign this issue to me. Thank you!

[Y-o-ULA]

/assign

[soma-prem]

/assign me this issue under GSSOC 2026
Thank You!

[poojaarabati]

Hi, i'm a GSSoC'26 contributor. i'd like to work on this issue. can you please assign it to me

[smriti515296]

Hi, I would like to work on this issue. Please assign it to me.

[karrisanthoshigayatri]

Hi @AditixAnand,

I am a GSSoC'26 contributor and would like to work on this issue.

Proposed Approach

• Create a reusable "Back to Top" button component that can be added across all pages.
• Use JavaScript to detect scroll position and display the button only after the user scrolls beyond 300px.
• Implement smooth scrolling behavior using window.scrollTo() with the smooth option.
• Position the button at the bottom-right corner using responsive CSS to ensure compatibility across devices.
• Maintain consistent styling with the existing UI and add hover/focus effects for better accessibility.
• Test the functionality on all pages (index.html, login.html, etc.) and across different screen sizes.

This enhancement will improve navigation and overall user experience, especially for mobile users.

Kindly assign this issue to me. Thank you!

[SanikaMotegaonkar]

Hi @AditixAnand,

I am a GSSoC'26 contributor and would like to work on this issue.

I have reviewed the requirements and can implement a responsive "Back to Top" button that:

✔ Appears after scrolling beyond 300px
✔ Remains fixed at the bottom-right corner
✔ Smoothly scrolls the page to the top when clicked
✔ Hides when the user is already at the top
✔ Works consistently across all pages of the project

I will ensure the design matches the existing UI and test it on different screen sizes for responsiveness.

Kindly assign this issue to me. Thank you!

[sopan9340-web]

/claim

[samarthsharma0910]

Hi @AditixAnand I would like to work on this issue regarding the “Back to Top” button feature for the EduBridge website. I understand the expected behavior and acceptance criteria, including smooth scrolling, visibility after 300px scroll, fixed bottom-right positioning, and implementing it consistently across all pages. I’d be happy to take this up and ensure it is responsive and works smoothly across devices. Please assign this issue to me.

[VedantPatil24-coder]

Hi @AditixAnand , I am a GSSoC'26 contributor.

I have gone through the issue details and understand the requirements. I'd like to work on this issue and submit a PR with the proposed fix.

Please assign it to me.

Thanks!

[yatridave]

Hey i would like to work on this, could you please assign it to me.