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

<list> scroll event.

data Action = HandleScroll ScrollEvent

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

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

Like onScroll, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onScroll, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleScroll ScrollEvent

view_ [ event (static (onScrollMain HandleScroll)) ] [ "some view" ]

Like onScrollMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleScroll ScrollEvent Model DOMRef

view_ [ event (static (onScrollMainWith HandleScroll)) ] [ "some view" ]

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 :: context -> props -> Model -> View context Action
view _ _ model = list_ defaultListOptions [ onScrollToUpper HandleScroll ] [ ]

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

Like onScrollToUpper, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onScrollToUpper, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleScroll ScrollEvent

view_ [ event (static (onScrollToUpperMain HandleScroll)) ] [ "some view" ]

Like onScrollToUpperMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleScroll ScrollEvent Model DOMRef

view_ [ event (static (onScrollToUpperMainWith HandleScroll)) ] [ "some view" ]

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 :: context -> props -> Model -> View context Action
view _ _ model = list_ defaultListOptions [ onScrollToLower HandleScroll ] [ ]

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

Like onScrollToLower, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onScrollToLower, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleScroll ScrollEvent

view_ [ event (static (onScrollToLowerMain HandleScroll)) ] [ "some view" ]

Like onScrollToLowerMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleScroll ScrollEvent Model DOMRef

view_ [ event (static (onScrollToLowerMainWith HandleScroll)) ] [ "some view" ]

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 :: context -> props -> Model -> View context Action
view _ _ model = list_ defaultListOptions [ onScrollStateChange HandleScrollState ] [ ]

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

Like onScrollStateChange, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onScrollStateChange, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleScrollState ScrollStateChange

view_ [ event (static (onScrollStateChangeMain HandleScrollState)) ] [ "some view" ]

Like onScrollStateChangeMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleScrollState ScrollStateChange Model DOMRef

view_ [ event (static (onScrollStateChangeMainWith HandleScrollState)) ] [ "some view" ]

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

Callback triggered after <list> layout is complete.

data Action = HandleLayout LayoutCompleteEvent

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

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

Like onLayoutComplete, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onLayoutComplete, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleLayout LayoutCompleteEvent

view_ [ event (static (onLayoutCompleteMain HandleLayout)) ] [ "some view" ]

Like onLayoutCompleteMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleLayout LayoutCompleteEvent Model DOMRef

view_ [ event (static (onLayoutCompleteMainWith HandleLayout)) ] [ "some view" ]

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

Callback when pagination scrolling is about to occur.

data Action = HandleSnap SnapEvent

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

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

Like onSnap, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onSnap, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleSnap SnapEvent

view_ [ event (static (onSnapMain HandleSnap)) ] [ "some view" ]

Like onSnapMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleSnap SnapEvent Model DOMRef

view_ [ event (static (onSnapMainWith HandleSnap)) ] [ "some view" ]

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

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

Enable needLayoutCompleteInfo to use.