backtotop
Reactive icon

BackToTop

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 25 Aug (2 days ago)
 by 
0.0
 (0 ratings)
backtotop

BackToTop

Details
A lightweight and reusable Back to Top component for OutSystems Reactive Web applications. It automatically detects the active scrollable area, displays a floating button after the configured scroll threshold, and smoothly returns users to the top of the page.
Read more

Key Features

  • Automatic scroll detection: Works with both browser-window scrolling and inner scrollable containers.
  • Configurable threshold: Control when the button appears using the ScrollThreshold input.
  • Smooth scrolling: Returns users smoothly to the top of the detected scrolling area.
  • Reduced-motion support: Uses instant scrolling when the user has enabled reduced-motion preferences.
  • Animated visibility: The button fades and slides into view after the threshold is crossed.
  • Built-in tooltip: Displays Back to top on hover or focus.
  • Navigation-safe: Removes previous event listeners to prevent duplicate behavior.
  • Responsive positioning: Remains fixed in the bottom-right corner.
  • No external dependencies: Uses only CSS and JavaScript included in the component.
Release notes (1.0.0)
License (1.0.0)
Reviews (0)
Team
Other assets in this category