https://lynxjs.org/api/elements/built-in/list.html#scroll

<list> scroll event.

data Action = HandleScroll ScrollEvent

view :: Model -> View Action
view model = list_ defaultListOptions [ onScroll HandleScroll ] [ ]

update :: Action -> Effect Model Action
update (HandleScroll ScrollEvent {..}) =
  io_ (consoleLog "handled scroll event")

https://lynxjs.org/api/elements/built-in/list.html#scrolltoupper

Callback triggered when scrolling to the top of <list>. The trigger position of this callback can be controlled by upperThresholdItemCount.

data Action = HandleScroll ScrollEvent

view :: Model -> View Action
view model = list_ defaultListOptions [ onScrollToUpper HandleScroll ] [ ]

update :: Action -> Effect Model Action
update (HandleScroll ScrollEvent {..}) =
  io_ (consoleLog "handled scroll event")

https://lynxjs.org/api/elements/built-in/list.html#scrolltolower

Callback triggered when scrolling to the bottom of <list>. The trigger position of this callback can be controlled by lowerThresholdItemCount_

data Action = HandleScroll ScrollEvent

view :: Model -> View Action
view model = list_ defaultListOptions [ onScrollToLower HandleScroll ] [ ]

update :: Action -> Effect Model Action
update (HandleScroll ScrollEvent {..}) =
  io_ (consoleLog "handled scroll event")

https://lynxjs.org/api/elements/built-in/list.html#scrollstatechange

Callback triggered when the scroll state of <list> changes. The state field in the event parameter's detail indicates the scroll state: * 1 for stationary * 2 for dragging * 3 for inertial scrolling * 4 for smooth animation scrolling.

data Action = HandleScrollState ScrollStateChange

view :: Model -> View Action
view model = list_ defaultListOptions [ onScrollStateChange HandleScrollState ] [ ]

update :: Action -> Effect Model Action
update (HandleScroll Stationary) =
  io_ (consoleLog "Received Stationary scroll state change")
update _ = pure ()

https://lynxjs.org/api/elements/built-in/list.html#layoutcomplete

Callback triggered after <list> layout is complete.

data Action = HandleLayout LayoutCompleteEvent

view :: Model -> View Action
view model = list_ defaultListOptions [ onLayoutComplete HandleLayout ] [ ]

update :: Action -> Effect Model Action
update (HandleLayout LayoutCompleteEvent {..}) =
  io_ (consoleLog "Received LayoutCompleteEvent")

https://lynxjs.org/api/elements/built-in/list.html#snap

Callback when pagination scrolling is about to occur.

data Action = HandleSnap SnapEvent

view :: Model -> View Action
view model = list_ defaultListOptions [ onSnap HandleSnap ] [ ]

update :: Action -> Effect Model Action
update (HandleSnap SnapEvent {..}) =
  io_ (consoleLog "Received SnapEvent")

https://lynxjs.org/api/elements/built-in/list.html#scroll

https://lynxjs.org/api/elements/built-in/list.html#layoutcomplete

Enable needLayoutCompleteInfo to use.