Add a button that scrolls the page back to top

[dev-palwar]

Expected Behavior

The button should have the functionality to smoothly scroll the page back to the top upon being clicked.

Current Behavior

Right now, we have to manually scroll up the page, which can be a hassle, especially when reading blogs.

[NiallJoeMaher]

Any ideas on where something like this should be added or examples of blogs with it?

[dev-palwar]

Yeah, something like this

A button on the right side of the page similar to the one homepage that when clicked smoothly scrolls the page to the top

[MadhavKrishanGoswami]

I think I can work on this, just one thing where would I get the icon from?

[NiallJoeMaher]

@MadhavKrishanGoswami I'm trying to mock up something for the mobile design and then you can take it. 🦾

[akashsiddamshetty]

@dev-palwar @NiallJoeMaher check this below screen shot i have created this button to scroll to top smoothly. I want to make pr. can you guys add hacktoberfest labels to this issue #542

[Bitnagar]

@akashsiddamshetty Great job! The icon looks good. IMO we should not use gray color because it looks dull and not visually appealing. We can try sticking to the design in 2nd screenshot or else we can use gradient color that is in our theme.

[akashsiddamshetty]

@akashsiddamshetty Great job! The icon looks good. IMO we should not use gray color because it looks dull and not visually appealing. We can try sticking to the design in 2nd screenshot or else we can use gradient color that is in our theme.

@Bitnagar @NiallJoeMaher @dev-palwar check this out.

[NiallJoeMaher]

The problem is when we are on mobile. I just haven't seen a pattern on mobile I like. 😅 Any examples of sites doing it well?