Scroll To Top Widget

A floating button that appears after scrolling and smoothly scrolls to the top of the page when clicked. Configurable position, size, and shape.

Feature Disabled

The scrollNavigation feature is currently disabled. Enable it in params.php to see live demos.

Standard scroll-to-top button in the bottom-right corner. Scroll down to see it appear.

This widget appears only after scrolling down the page.

<?php echo ScrollToTopWidget::widget(); ?>

Enable the feature to see live demo.

Larger button with rounded corners.

Preview shown statically. In production, appears on scroll.

<?php echo ScrollToTopWidget::widget([
    'size' => 'large',
    'shape' => 'rounded',
]); ?>

Enable the feature to see live demo.

Option	Type	Default	Description
`position`	string	`bottom-right`	Position: bottom-right, bottom-left, top-right, top-left
`size`	string	`medium`	Size: small, medium, large
`shape`	string	`circle`	Shape: circle, rounded, square
`icon`	string	`fas fa-arrow-up`	FontAwesome icon class
`forceShow`	bool	`false`	Show even if disabled in config