A back to top button can be a great addition to a long page or gallery to quickly take the user to the top of the page. Make scrolling more efficient and add a back to top button!
Step 1: Create a New Canvas
Add a new blank canvas to your page and name it Back to Top.
To do this, make sure you are on the Page Tab, click on the three dots to the right of your page's name. From the drop down that appears choose Add Blank Canvas.
Step 2: Add an Icon and Set Resize Your Canvas
Add your icon of choice to be your back to top button on your canvas.
Set the stacking order for your Back to Top canvas so that it is higher than the other canvases on your page. Then set the initial height of the canvas to 1 px.
Then set the Canvas Background color to transparent.
Step 3: Place Your Canvas & Set it as Sticky
Click and drag your new Back to Top canvas to near the top of the page.
Select your Back to Top canvas and click on the Canvas Tab in the right side properties panel. Set the canvas's Sticky setting to Top on Scroll.
Step 4: Set the Click Action & Edge Locking
Set the click action on your icon to Top of Page.
Next, go to the Size & Position tab and toggle Horizontal Edge Locking to either the right or left side of the display, depending on which side your Back to Top button is on.
Finally, adjust the arrow where you'd like it to be on the page and voilà! You now have a working back to top button.
