Skip to content

[ISSUE] Implement Scroll-to-Top/Bottom Button in reportissue.html #826

@Mrigakshi-Rathore

Description

@Mrigakshi-Rathore

Description:
Currently, the reportissue.html page lacks navigation buttons for quickly scrolling to the top or bottom of the page. This makes it inconvenient for users to navigate long content. Implement scroll-to-top and scroll-to-bottom buttons consistent with the design used in terms.html and privacy.html.

Requirements:
1. Add a scroll-to-top button that appears when the user scrolls down.
2. Add a scroll-to-bottom button that appears when the user is not at the bottom of the page.
3. Ensure buttons match the color, style, and hover effects of existing buttons.
4. Maintain dark mode and light mode consistency—colors and visibility must adapt accordingly.
5. Smooth scrolling effect when the buttons are clicked.
6. Buttons must be responsive on different screen sizes.

Acceptance Criteria:
• Buttons appear/disappear appropriately based on scroll position.
• Smooth scrolling works correctly for both top and bottom buttons.
• UI matches the rest of the site’s design in both modes.
• Code is clean, commented, and follows existing style guidelines.

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions