-
-
Notifications
You must be signed in to change notification settings - Fork 236
Description
Description: We can implement a "Scroll to Top" button that allows users to quickly navigate back to the top of the page, enhancing user experience for long pages.
Requirements:
1 A button/icon that appears once the user scrolls down a certain distance.
2 Button should be fixed at the bottom-right corner of the screen.
3 When clicked, the page should smoothly scroll to the top.
4 Ensure the button is hidden when the user is near the top of the page.
5 The button design should match the website’s style and be mobile-friendly.
Design Considerations:
- Ensure mobile responsiveness and accessibility.
- Use a smooth scrolling animation.
- Consider the size, visibility, and contrast of the button for better UX.
Tasks:
1 Design the "Scroll to Top" button (icon, size, color).
2 Implement the button in HTML/CSS.
3 Add JavaScript for the smooth scroll functionality.
4 Set the button to appear only when the user scrolls down (e.g., 200px from the top).
5 Test the feature across different devices and browsers.
6 Ensure the feature does not interfere with other elements on the page.
@GarimaSingh0109 can you please assign this issue to me under the gssoc-ext, hacktoberfest-accepted and level labels?