Scroll to Top

The Scroll to Top is a simple script that is activated once the page scrolls down to a certain point. Once activated the 'scroll to top' button is displayed on the lower right side of the page.. the only things you can do with this component is remove it, change the button position, or change the button image.. everything else is taken care of for you via javascript.

Tips

  • Deleting a Library Component from your page Learn More

Instructions

Title

In this tutorial, we’ll demonstrate how to remove the Scroll to top from a single page, or all pages as well as how to change the button image.

Remove from a page

  1. Open the page you want to remove the component from.
  2. Switch to Code view.
  3. Scroll all the way to the bottom of the page.
  4. Locate the following webbot code ( you may need to first scroll all the way to the bottom, then over to the right to see the code )
  5. <!--webbot bot="Include" tag="BODY" u-include="Library/components/scroll-to-top/scroll-to-top.htm" -->
  6. Select and delete

Remove from all pages

  1. Expand the ‘Library / components / scroll-to-top (folder).
  2. Double click the ‘scroll-to-top.htm’ page to open.
  3. IN Design View, you won’t see anything in the page, that’s normal.. just press ( Ctrl+A ) to select ALL, then press delete on the keyboard OR, switch to Code view, and delete ALL the content between the <body> and </body> tags.

Change the button image

The scroll to top script uses a PNG graphic for the button image. You’ll find this image located in the ( Site / graphics ) folder:

  • scrollUp-button.png

Just replace this with an image of the same name and format ( .png ), in the Site / graphics folder.

Title

In this tutorial, we’ll demonstrate how to remove the Scroll to top from a single page, or all pages as well as how to change the button image.

Remove from a page

  1. Open the page you want to remove the component from.
  2. Switch to Code view.
  3. Scroll all the way to the bottom of the page.
  4. Locate the following webbot code ( you may need to first scroll all the way to the bottom, then over to the right to see the code )
  5. <!--webbot bot="Include" tag="BODY" u-include="Library/components/scroll-to-top/scroll-to-top.htm" -->
  6. Select and delete

Remove from all pages

  1. Expand the ‘Library / components / scroll-to-top (folder).
  2. Double click the ‘scroll-to-top.htm’ page to open.
  3. IN Design View, you won’t see anything in the page, that’s normal.. just press ( Ctrl+A ) to select ALL, then press delete on the keyboard OR, switch to Code view, and delete ALL the content between the <body> and </body> tags.

Change the button image

The scroll to top script uses a PNG graphic for the button image. You’ll find this image located in the ( Site / graphics ) folder:

  • scrollUp-button.png

Just replace this with an image of the same name and format ( .png ), in the Site / graphics folder.