Button to return to the top of the page. Up/Top button

What this solution does

The Page Return Button module adds a floating button to the site, allowing visitors to quickly return to the top of a long page with a single click. The button appears after scrolling down and smoothly scrolls the user to the top. An integrated progress indicator visually displays the user's current position on the page as a border around the button, helping to estimate how much content has been viewed. The module allows customization of the button's appearance without editing template files or page source code.

Key features include smooth scrolling to the top upon activation. The scroll progress indicator can be enabled or disabled as needed. The button can be positioned in the bottom-left or bottom-right corner of the screen. Flexible sizing options allow adjustment of the button size, icon size, border thickness, and corner rounding. Margins from the bottom and side edges of the screen can also be adjusted.

The 'Scroll to Top Button' module (kssite.upbutton) allows configuration of a navigation element with extensive customization options. Six built-in arrow variants are available, or a custom image can be uploaded in SVG, PNG, JPEG, JPG, and WebP formats.

Detailed color scheme settings allow modification of the button background and border colors, the icon color, the progress indicator color, and the icon color on hover. The element shadow is fully configurable: it can be enabled or disabled, with specific settings for color, transparency, and size.

All control parameters are consolidated in the administrative panel and organized into logical groups. The main settings section includes options to enable or disable the button and the progress indicator, select the icon, and define the element's position. The dimensions and spacing section allows adjustment of the button width and height, icon size, border thickness, corner radius, horizontal and vertical margins, and the progress bar thickness. The colors section covers all aforementioned color parameters. An integrated preview feature in the administrative panel allows users to evaluate visual changes.

The KS Web Studio 'Page Top Return Button' module automatically places a navigation button on the public part of the site after activating the corresponding option. Manual insertion of HTML code into templates is not required. Parameter management is performed via the Bitrix administrative panel. A live preview of the element's appearance is available during configuration, allowing the design to be matched to the project style. The solution is effective for corporate websites, online stores, catalogs, and information portals containing long pages. The function simplifies navigation, accelerates the return to the beginning of the content, and ensures the control element integrates into the overall visual style.

General iT can install “Button to return to the top of the page. Up/Top button”, configure its settings and verify its operation in the existing project.