bindings.infiniteScroll
This package is intended for consumption via the @profiscience/knockout-contrib metapackage
Call a function when the end of an element is reached
Usage
<div data-bind="foreach: todos, infiniteScroll: fetchMoreTodos">...</div>
with a custom offset
By default the infinite scroll will trigger 1500px before reaching the bottom of the bound element. This can be customized, for example to preload slower APIs sooner you could define a larger offset.
<div
data-bind="foreach: todos, infiniteScroll: { handler: fetchMoreTodos, offset: 2000 }"
>
...
</div>