Add a scroll to the top button #16

New Issue

manfromhuh · 2022-07-26T08:33:34-04:00

manfromhuh commented

2022-07-26 08:33:34 -04:00

For longer articles this could be a useful improvement.

Example:

<a id="top"></a>
<!-- the entire document -->
<a href="#top">Jump to top of page</a>

This could either be a button at the bottom or the page or a floating element along the side.

<a href="#top">^</a>

The ^ could be replaced with ↑ (↑) or similar.

Adding smooth scrolling should also be done for this implimentation.

scroll-behavior: smooth;

For longer articles this could be a useful improvement. Example: ```html <a id="top"></a>  <a href="#top">Jump to top of page</a> ``` This could either be a button at the bottom or the page or a floating element along the side. ```html <a href="#top">^</a> ``` The `^` could be replaced with ↑ (`↑`) or similar. Adding smooth scrolling should also be done for this implimentation. ```css scroll-behavior: smooth; ```

manfromhuh commented

2022-07-26 08:34:07 -04:00

⇧ (⇧) is probably a better looking arrow.

⇧ (`⇧`) is probably a better looking arrow.

20xd6 added the

enhancement

label 2022-07-26 13:14:03 -04:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: 20xd6/simple_blog#16