To Top Button on website

[jo2]

As mentioned in #8244 a button which scrolls to the top of the page would be nice.

[jo2]

I've uploaded a preview of how this could look.

[strkkk]

@jo2 I would suggest to move to left side and make it visible after used scrolled below left menu. There is an unused white space.

[romani]

I still think it is good on right. Especially useful in mobile mode. On laptop I can always press cntl+home to go most top.

@rnveach , @pbludov , ply shared you thoughts in this.

[jo2]

I've added an alternative for a button on the left and on the right side:

• left
• right

[romani]

Awesome ! now I am confident that on right is much better.
If you open it in mobile - you will feel it as it covers beginning of text, so it is very unpleasant, and you always want to scroll to remove it from text.
but on right there is more chance that it cover nothing and as you know start of sentence or word you can skip reading of end.

[rnveach]

We have the same type of button in my application I made at work. It is on the right so that is what I vote for.

IMO, even with the black border, the white background blends too much with the white of the page's background when it land in that spot. We made ours a different color so it stood out as a button and not part of the page.

We also made the button disappear when you were on the top of the page. It only appeared when you scroll down like 1 page down worth.

Maybe just nitpicking, but would "To Top" be better than "to Top" (capitalize t in to)?

[strkkk]

In mobile it looks better on right side, I agree.

[romani]

Maybe just nitpicking, but would "To Top" be better than "to Top" (capitalize t in to)?

I have no strong opinion, up to jo2.

About style of button, no big preference. If there be few examples , I can tell what looks better.
But for now I am happy just to have it.

[romani]

from Travis:

[jo2]

i chose white because it is one of the used colors in the page. We could use the grey from the section headings for the background and the red from the section headings for the text. To make it fit better with the other elements on the page I'd suggest to remove the rounded corners.

[romani]

@jo2, please send PR. We can tune style even after release. Such button is good step forward

[romani]

fix is merged.