16
Views
3
Comments
Solved
On Scroll Ending event of list (PC reactive web app)
Question

When the vertical scrollbar of the List is enabled, the On Scroll Ending event does not fire when scrolling the List itself, but it does fire when scrolling the entire screen. Is there a way to make the On Scroll Ending event fire when scrolling either the List or the container outside the List?

2025-12-03 17-22-41
Lavanya Kamalaguru
Solution

Hi,

This happens because the On Scroll Ending event is typically tied to the screen's scroll container, not to the scroll events of nested or inner scrollable elements like Lists The On Scroll Ending event is fired only when the user scrolls to the bottom of the main screen/container, not when a user scrolls within a nested scrollable widget. When a List has its own vertical scroll (due to a fixed height or styling), it becomes a separate scrollable container, and the screen’s On Scroll Ending no longer tracks it. 

You can use the Scrollable Area widget available in OutSystems to achieve this behavior. It allows you to detect scroll events within a specific section of the screen, including Lists that have their own scroll.

I've attached an OML file for your reference to help you understand how it works in practice.

Hope this helps!


Sample1.oml
UserImage.jpg
R R

Wonderful!
Thank you!

2025-12-22 13-50-43
Sherif El-Habibi
Champion

Hello,

I think the OnScrollEnding event is made for a certain purpose, but assuming you need it only for a List, then this List must have certain properties like having a defined height for the OnScroll to detect when it reaches the end.

Also, you can create a JavaScript event in the OnReady event that checks if it reaches a certain height and then triggers the OnScrollEnding action manually.

Bear in mind, you have to know exactly what the MaxRecords value is, because this behavior will only apply to that specific List.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.