Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add scroll to top feature #538

Closed
Palmistry2310 opened this issue Oct 12, 2024 · 1 comment · May be fixed by #1014
Closed

Add scroll to top feature #538

Palmistry2310 opened this issue Oct 12, 2024 · 1 comment · May be fixed by #1014

Comments

@Palmistry2310
Copy link
Contributor

Palmistry2310 commented Oct 12, 2024

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?

@akilesh26
Copy link

Hi, i would like to work on this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants