This tutorial will show you how to add a scroll to top button to your Weebly site.
A scroll to top button allows visitors to your website to immediately be brought back to the top of the page they're viewing when the button is clicked. This saves them time in having to manually scroll all the way up a long page.
A scroll to top button usually appears in the bottom right corner of a website and can appear when the bottom of the page is reached, or when a visitor begins to leave the top of a page. The scroll to top button in this tutorial will be visible once the page begins to scroll and has a cool CSS3 rotation effect when it's hovered.
Step 1. Open Weebly's HTML/CSS Editor
Click on"Theme" at the top, then click on "Edit HTML/CSS" on the bottom-left.
Step 2. Add your scroll to top button
You can use any image or size you'd like to for your scroll to top button, but an image size around 50x50 is ideal. For this specific theme, we're going to use the image below.
Weebly Tricks is a third-party Weebly 'after market' site providing tutorials, apps, and widgets for Weebly sites. Weebly Tricks is not affiliated with Weebly, Inc in any manner. Not all tutorials work for every site and may require additional customizing. Always save your files before editing.