Scroll to Top

Scroll Down!

When you start scrolling down, the scroll-to-top button will become visible. And by clicking on that button, you will get back to the top before you know it! If you use this on a long page, the button will stay fixed to the bottom right and be visible all the time. It is something that can be very useful on long pages.

It may be a tad confusing that when you first import this component, you won't see anything! - unless you locate it in the Element tree and open the wee eye icon. The component should be placed fairly close to the top of the page and the page has to be long enough to show a vertical scrollbar along the right side.

If you find that it doesn't seem to work on mobile phones, try increasing the min-height of the page. As much as 200vh may be necessary.

Placeholder Picture

Download this component

This component can be used both for 'mobile-up' and 'desktop-down'.