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

data Action = HandleScroll ScrollEvent

view :: context -> props -> Model -> View context Action
view _ _ model = scrollView_ [ 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/scroll-view.html#scrolltoupper

data Action = HandleScroll ScrollEvent

view :: context -> props -> Model -> View context Action
view _ _ model = scrollView_ [ onScrollToUpper HnadleScroll ] [ ]

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/scroll-view.html#scrolltolower

data Action = HandleScroll ScrollEvent

view :: context -> props -> Model -> View context Action
view _ _ model = scrollView_ [ 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/scroll-view.html#scrollend

data Action = HandleScroll ScrollEvent

view :: context -> props -> Model -> View context Action
view _ _ model = scrollView_ [ onScrollToLower HandleScroll ] [ ]

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

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

Like onScrollEnd, 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 (onScrollEndMain HandleScroll)) ] [ "some view" ]

Like onScrollEndMain, 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 (onScrollEndMainWith HandleScroll)) ] [ "some view" ]

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

Triggered when the content area comprised of direct child nodes changes in width or height. This event triggers after the <scroll-view> content completes layout. If updating <scroll-view> child nodes, call updated scrolling methods like scrollTo in this event.

data Action = HandleContentSizeChanged ScrollEvent

view :: context -> props -> Model -> View context Action
view _ _ model = scrollView_ [ onContentSizeChanged HandleContentSizeChanged ] [ ]

update :: Action -> Effect props Model Action
update (HandleContentSizeChanged ScrollEvent {..}) =
  io_ (consoleLog "handled content size changed event")

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

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

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

data Action = HandleContentSizeChanged ScrollEvent

view_ [ event (static (onContentSizeChangedMain HandleContentSizeChanged)) ] [ "some view" ]

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

data Action = HandleContentSizeChanged ScrollEvent Model DOMRef

view_ [ event (static (onContentSizeChangedMainWith HandleContentSizeChanged)) ] [ "some view" ]