Float icon back to top

[Devmoni]

Description

This PR updates the visibility behavior of the 'Back to Top' button. Instead of being only in the footer, the button now appears when the user scrolls down the page by 30%. This change improves the user experience by providing quicker access to the top of the page.

[quozl]

Is this feature also available in later versions of Bootstrap and Airspace? If so would it be better to upgrade?

[Devmoni]

This feature is implemented using only JavaScript and simple CSS, ensuring that it does not alter any core CSS of Bootstrap and Airspace.

I believe this can be useful since the site is quite long, helping users reach the top with just one click.

[quozl]

You didn't answer my question. I've checked, and I can find nothing in either Bootstrap or Airspace latest releases to indicate that the feature is provided by either library.

[Devmoni]

You're correct that Bootstrap and Airspace don't offer this feature by default.

But as for whether it would be better to upgrade,
Currently, the 'Return to Top' button is placed in the footer, but positioning it as a fixed button in the bottom-right corner would make it more accessible as users scroll.
A fixed button provides immediate visibility and usability, allowing users to return to the top without needing to scroll back down to the footer

[quozl]

Thanks. My questions were about implementation and retaining our upgrade paths. I am surprised this feature isn't in the libraries or themes we are using, but we are behind by a fair bit.

You do keep advocating afresh for your feature. These can go into the commit message rather than the pull request.

(For myself, I find return to top buttons visually distracting and waste horizontal space at the lower edge of the view port. I already know how to scroll to top, and don't need no web site to give me again a feature the browser already has. Sure, there are people who don't know how to run their browser, but we're not an online gambling site. We depend on prior learning to deliver the message that learning is critical for those in the care of the reader.).

@pikurasa please review; is this feature something you want?

[quozl]

Please resolve conflicts.

[Devmoni]

I have resolved the conflicts as requested.

[quozl]

#612 does replace or augment this pull request? If replace, please close this one. Thanks.

[Devmoni]

No, as I separated #612 since it’s just a suggestion for the existing banner.
Thanks...