Dynamic circular border for scroll-to-top

[SrishtiSonam]

BEFORE opening a new feature request, please make sure that you:

• Understand the implications of your feature with the help of the Forum, OR
• Peer-reviewed it with other users on Discord,
• Consider commenting on the Feature Request Forum if something is important for you

AFTER opening the feature request, the issue will be closed by a maintainer (@4ian or someone else) and a card will be added in the public roadmap if it's relevant and does not exist yet :)

Description

Is your feature request related to a problem? Please describe.
Current Limitations:

Lack of visual feedback for scrolling direction.
Difficult to track scrolling progress accurately.

Solution suggested

Describe the solution
Enhance the existing scroll-to-top button by implementing a dynamic colored border that gradually transforms into a full circle while the page is scrolled downward.
Create a design like the image below but customized for this website.

Alternatives considered

Could you please consider assigning me to this task as part of Hacktoberfest if it meets your requirements for this project?

[4ian]

Just to better understand before assigning: when you say "Enhance the existing scroll-to-top button", which button are you referring to?

[SrishtiSonam]

Here, I wanted to share my idea of integrating a scroll-to-top button featuring a dynamic circular border.
This addition would enable users to effortlessly return to the top of the page with a single click after scrolling down towards the footer.
My apologies for not specifying this earlier.

[4ian]

I'm not sure exactly where you would add this - in this case, a detailed explanation or a mockup is easier.
In most cases though I find these buttons to be low value (nobody has really any problem scrolling, you can just scroll in one swipe) - unless a page is really long.

[SrishtiSonam]

I would like to explore the possibility of implementing a scroll-to-button on the website that will directly take users to the specific section of the page where they can find the "Try it online" and "Download" buttons.
This button would feature a dynamically adjusting circular border that corresponds to the relevant portion of the page.