scroll button added #1289
scroll button added #1289
Conversation
|
The preview video was attached incorrectly. |
|
|
||
| <!-- Scroll to Top Button --> | ||
| <button id="scrollToTopBtn">▲</button> | ||
|
|
There was a problem hiding this comment.
I don’t think this code should be added here.
There was a problem hiding this comment.
Okay , can i add new section for this button ?
There was a problem hiding this comment.
Yes, I think it would be best to implement it in a way similar to "Suggest a change on this page" button.
There was a problem hiding this comment.
Hey @choo121600 i have added new section for the button . please review it.
There was a problem hiding this comment.
I don't think the scrollToTop button belongs in landing-pages/site/layouts/partials/suggest-change.html.
since they serve different functions.
kriSH-cD
force-pushed
the
scroll-button
branch
from
031c4a1 to
8c84a3d
Compare
|
|
||
| <!-- Scroll to Top Button --> | ||
| <button id="scrollToTopBtn">▲</button> | ||
|
|
There was a problem hiding this comment.
I don't think the scrollToTop button belongs in landing-pages/site/layouts/partials/suggest-change.html.
since they serve different functions.
Removed the scroll to top button from the suggest change partial.
2 participants
Feature: Add Scroll-to-Top Button (Fixes #1279)
Description
This PR introduces a Scroll-to-Top button to improve page navigation on long content pages.
The button becomes visible once the user scrolls past a certain point and allows them to return to the top smoothly with a single click.
Why This Is Useful
Enhances user experience and accessibility
Reduces manual scrolling effort
Improves navigation especially on long or content-heavy pages
Implementation Details
Button remains hidden initially and appears after scrolling beyond a defined threshold
Smooth scrolling animation added for seamless experience
Positioned unobtrusively at the bottom-right corner
Styled to match the existing UI theme
Testing
Verified that button visibility toggles correctly on scroll
Confirmed smooth scroll behavior on click
Tested responsiveness across different screen sizes and devices
Checked compatibility across major browsers
Preview (video)
https://github.com/user-attachments/assets/d247f22f-f72e-4e10-8118-cb79df0397f8
Here is the video of button working.