Smart Scroll-to-Top Button is a reusable UI component for OutSystems Reactive Web applications.

It enhances page usability by providing a visible floating button that appears only after scrolling down and returns the user to the top smoothly.

This component is built with a self-learning scroll detection engine that automatically detects scrollable containers—common layouts, custom divs, or window scrolling. No configuration is required.

The component is lightweight, fast, and styled using your application theme. Great for dashboards, long forms, lists, mobile-friendly layouts, or infinite scroll screens.

Key Features

• Auto-appearing button (shows only when scrolling past an offset)
• Smooth scroll-to-top animation
• Works with ANY scroll container automatically
• Tested with OutSystems default layouts
• Customizable size, colors, position, radius
• No dependencies (Pure JS + CSS)
• Very small footprint
• Works on all modern browsers

Use Cases

• Long dashboards or lists
• Knowledge base pages
• Product listings
• Large forms
• Admin portals
• Scroll-heavy mobile screens