“Back to top” floating upward arrow

AI-generated summary

jesus2099 proposes the addition of a “Back to top” floating upward arrow button to quickly scroll to the top of a page, particularly useful on search result pages where the current tools (history navigator and header logo) either don’t meet this need or reload the page. jesus2099 provides examples of websites with this feature. However, it’s noted that such a button wouldn’t be necessary on iOS devices, which have a built-in feature allowing users to tap the top of the screen to scroll to the top. jesus2099 suggests that the “Smart Mobile Header” feature could be used to implement this.

The lack of Home on smartphones is usually addressed by many websites by a floating up arrow button/link that, when clicked, puts you back to the top of the current page.

Here we already have such tool inside a topic (the history navigator).
We also have header logo but it will reload the page.

When I am in a search result page, I have no way to quickly get back to top of page without loosing my search query terms.

This is the page I was in when I thought such a button was missing: Search results for '"all links"' - MetaBrainz Community Discourse

This is an example of floating arrow enabled site: https://www.paris.fr or https://my.nintendo.com/reward_categories where the arrow is more beautiful but maybe the site requires an account to be seen.

@tmoko reminded me in PM that iOS machines had this feature built‐in (it must be patented for such a great feature is not in other OS).
When you touch top of the screen, it goes all the way up to the page top.
So if an arrow icon was to be added to discourse, we could not show it on iOS machines, to avoid useless display clutter.

4 Likes

It could be done with the incredible new feature below:
https://meta.discourse.org/t/smart-mobile-header/99846?u=jesus2099

1 Like