Load more on scroll with custom fetch action chain of an SDP

Summary:

I have requirement where I want to further load more queried data on scroll (the way it works on a table where limit and offset are automatically adjusted for next fetch). This has to be achieved in an Select Single LOV where i have used a collection Template and added a table. I am using a Customized fetch action chain for the Select single SDP where results are retuned only when below condition is met :

 if (configuration.hookHandler.context.fetchOptions.filterCriterion)

I have Added the action chain JS code for reference.

Content (please ensure you mask any confidential information):