Every theme comes with at least two built-in back to top link styles that can be selected using theme settings: Standard and In footer. Both appear at the bottom of the page.
The Standard style appears in the bottom-left of the screen when it has been scrolled more than 250px:
The In footer style appears in the top-right of the page footer:
You can also add inline back to top links that copied into a specific part of a page template.
Back to top links exist within the page footer (
footer.hbs) and, when enabled, appear on all pages. A back to top link can be added to the help center by selecting a style from the using the Back to Top link style theme setting in the General page elements setting group.
To replace one of the built-in styles, copy-and-paste just the template code of your chosen pattern into the bottom of the
<template id="tmpl-back-to-top-link"> ... </template>
The Standard style of back to top link is configured to appear once the page has scrolled more than 250px. You can change that threshold by updating the
data-threshold attribute of the back to top link element in the
<div data-element="back-to-top" data-template="back-to-top-link" data-threshold="250px"></div>
To an an inline style to a page, simply copy the pattern code into the page template where you’d like it to appear.