Animated back to top button with CSS

[LITUATUI]

The idea is to show a back to top button only after scrolling with CSS.

This article shows some methods that only use CSS, no JS.

I especially like this method with a fading button.

What do you guys think?

[simeononsecurity]

You can easily add it with this in your extend_footer.html with js

<script src="https://unpkg.com/[email protected]/dist/vanilla-back-to-top.min.js"></script>
<script>addBackToTop({
  diameter: 56,
  backgroundColor: 'rgb(255, 82, 82)',
  textColor: '#fff'
})</script>

Though for this to have widespread compatibility, it really needs the js:

https://www.w3schools.com/howto/howto_js_scroll_to_top.asp