jig
Describe what you need, or type a control name.
Close Select Confirm
Inputs
Calendar Checkbox Color Picker Edit Inplace Filter Input Input Field List Box Mask Input Number Input OTP Radio Rating Select Slider Switch Tag Input Upload
Actions
Button Button Group Command Select Button Toggle Button
Data Display
Avatar Badge Chip Icon Inplace Item View Kbd Meter Paginator Progress Skeleton Spinner Table Tag Tree
Containers & Overlays
Accordion Defer Dialog Drawer Dropdown List Menu Popover Scroll Shadow Scroller Splitter Stepper Tabs Toolbar Tooltip
Feedback & Navigation
Breadcrumb Errors Hint Message Snackbar State Toast
Directives
Autofocus Drag Movable Resizable Roving Focus Scroll Amount
Components
Scroll Amount
API

Scroll Amount

Inputs

PropertyTypeDefaultDescription
jigScrollAmountContainer HTMLElement | undefined

Optional external scroll container. When set, scroll events and dimensions are tracked on this element instead of the host element.

jigScrollAmountEndThreshold number 
0

Distance (px) from the end at which endReached fires.

Outputs

PropertyTypeDefaultDescription
endReached void

Fires once when scrolling crosses within endThreshold of the bottom (edge-triggered). For simple "load more" lists; guarded consumers should read distanceFromEnd instead.

Properties

PropertyTypeDefaultDescription
clientHeight WritableSignal<number>

Visible height (px) of the scrollTarget.

clientWidth WritableSignal<number>

Visible width (px) of the scrollTarget.

distanceFromEnd Signal<number>

Remaining vertical scroll distance to the bottom (px), clamped at 0.

distanceFromInlineEnd Signal<number>

Remaining horizontal scroll distance to the inline-end edge (px), clamped at 0.

scrollHeight WritableSignal<number>

Total scrollable height (px) of the scrollTarget.

scrollInlineStart WritableSignal<number>

How far the scrollTarget is scrolled from its inline-start edge (px).

Always positive: browsers report a negative scrollLeft in RTL (0 at the inline-start edge, decreasing toward the inline-end), so the raw value is normalized here rather than at every call site.

scrollTarget Signal<HTMLElement>

The element actually being observed — container when set, otherwise the host.

scrollTop WritableSignal<number>

Current vertical scroll offset (px) of the scrollTarget.

scrollWidth WritableSignal<number>

Total scrollable width (px) of the scrollTarget.