search

krishnaacharyaa / wanderlust

WanderLust is a MERN travel blog website 🚀 This project is aimed to help people to contribute in open source, upskill in react and master git.
https://wanderlust-beta.vercel.app/
MIT License
174 stars 826 forks source link

Feature🌟 : Add "Scroll to Top" Button #416

Closed aslams2020 closed 2 weeks ago

aslams2020 commented 2 weeks ago

Description

Hey @krishnaacharyaa, Here is the feature i want to suggest and implement -

I would like to implement a "Scroll to Top" button that appears when the user scrolls down the page. This button should be prominently displayed and easy to click, allowing users to quickly return to the top of the page with a single click. The button can be styled to fit the design of the website and could be positioned at the bottom right corner of the viewport.

Use Case

The "Scroll to Top" button is a common feature on websites that enhances user experience by providing a convenient way for users to return to the top of a long page without having to manually scroll. the "Scroll to Top" button is a small yet impactful addition that contributes to a seamless and enjoyable browsing experience for your website visitors.

Proposed Solution

Add an anchor element with appropriate classes and IDs in HTML, apply CSS styles for button appearance, and use JavaScript to handle scrolling events and scroll functionality to the top of the page.

Attachments

This is where we will add the "Scroll to top" button to improve user experience to be more convienient.

image

Could you please assing me this issue under GSSOC'24? I will be happy to contribute to the project.

krishnaacharyaa commented 2 weeks ago

Kindly contribute to other issues, we won't require this feature... Can't find a issue? Join discord @aslams2020