infinite-scroll-for-frictionless-scroll-wheels
Reactive icon

Infinite Scroll for frictionless scroll wheels

Stable version 1.0.3 (Compatible with OutSystems 11)
Uploaded
 on 13 January 2025
 by 
0.0
 (0 ratings)
infinite-scroll-for-frictionless-scroll-wheels

Infinite Scroll for frictionless scroll wheels

Details
This asset provides a solution for implementing infinite scroll functionality in OutSystems applications, specifically optimized for scenarios where users are using fast scrolling or frictionless scroll wheels (common with high-DPI mice). The component listens for the scroll event on a specified container and triggers an action when the user reaches the bottom of the container, allowing for seamless loading of new data without requiring additional user interaction (such as clicking a "Load More" button). The asset handles scenarios where users scroll quickly, ensuring that the action is triggered correctly even with frictionless scrolling devices. The script prevents multiple triggers while data is loading, thereby avoiding unnecessary API calls or data fetching operations. After each action trigger, the component ensures that no further triggers happen until the new data is fetched and displayed. This solution is highly customizable: Developers can adjust the scroll threshold to fine-tune when the action is triggered. The loading delay can be configured to match the backend data fetching time, ensuring that the scroll action waits until the new data has been appended. This component is particularly useful for applications with long lists or tables that require infinite scrolling behavior, improving the user experience by providing seamless, automatic data loading as the user scrolls. It can be easily integrated into any OutSystems screen or web block and is highly adaptable to different use cases. Key Features: Triggers data loading when the user scrolls to the bottom of a container. Optimized for frictionless scroll wheels and high-DPI mice. Prevents multiple triggers while data is being loaded. Customizable scroll threshold and loading delay. Provides a smooth infinite scrolling experience in OutSystems applications. This asset enables fast, frictionless infinite scroll implementation with minimal effort, improv
Read more

This component enables infinite scroll functionality in OutSystems applications, particularly for containers (like tables or lists), ensuring the action is triggered whenever the user scrolls to the bottom of the container. It works efficiently even with frictionless scroll wheels and high-DPI mice, making it suitable for modern web experiences.

Key Features:

    Automatic Trigger on Scroll: Automatically triggers the action to load more data when the user reaches the bottom of the container.
    Handles Fast Scrolling: Works smoothly with frictionless or fast scroll wheels, ensuring no missed triggers.
    Efficient Event Handling: Prevents multiple triggers when data is being loaded, avoiding unnecessary calls.
    Customizable Threshold: Allows you to fine-tune the sensitivity of the scroll threshold, so it fits the needs of your application.

Use Cases:

    Infinite scrolling on tables or lists with dynamically loaded data.
    Optimized scroll experience for users with frictionless scroll wheels or high-DPI mice.

This component provides an easy-to-use solution for implementing infinite scroll behavior in OutSystems without needing to write extensive custom JavaScript for handling fast-scrolling behavior.

Release notes (1.0.3)

Adding the possibility of be used one same screen with multiple usages of the Web Block and improving the performance of the script for the scroll

License (1.0.3)
Reviews (0)
Team
Other assets in this category