All about the page scroll button

This article describes how to use the page scroll button. The button functions as a “scroll down for more” indicator at the top of your page.

How to make the page scroll button (in)visible

When you are on a page, go to Settings Page Settings. In the Basics tab, you can toggle the page scroll button off or on for that specific page. The page scroll button is on by default when you have multiple blocks on your page.

Styling the page scroll button in the brand settings

In the brand settings, you are able to style the page scroll button for all pages where it is active. In the pop-up that appears, you have the standard Foleon styling options such as Alignment, Border, Spacing, and Shadow.

In Icon, you are able to choose a custom icon that suits your design needs. Alternatively, you can go to the General Settings tab, and toggle on the Custom scroll button. This functionality enables you to upload your own image for the button, making it more personalized.

You can choose to alter the design of the page scroll button with a Hover state. The button's hover state is activated when the mouse cursor of the reader is located on the button. Making the hover state a different color can help increase the interactivity of your page.

Styling the page scroll button from your page

You can also alter the page scroll button from your page. Navigate to the button and click on the cogwheel icon. This functionality enables you to style the page scroll button for a specific page (not for all of the pages of your Foleon Doc).

Did you alter the page scroll button for a page, and wish to revert the style settings back to their default state from the brand settings? You can click on Reset at the bottom of the pop-up to reset the style to the brand settings.