Skip to main content

Interface: GroupedScrollIntoViewLocation

Hierarchy​

Properties​

groupIndex​

• groupIndex: number

align​

• Optional align: "center" | "end" | "start"

Inherited from​

ScrollIntoViewLocationOptions.align

behavior​

• Optional behavior: "auto" | "smooth"

Inherited from​

ScrollIntoViewLocationOptions.behavior

done​

• Optional done: () => void

Will be called when the scroll is done, or immediately if no scroll is needed.

Type declaration​

▸ (): void

Returns​

void

Inherited from​

ScrollIntoViewLocationOptions.done

calculateViewLocation​

• Optional calculateViewLocation: CalculateViewLocation

Use this function to fine-tune the scrollIntoView behavior. The function receives the item's top and bottom position in the viewport, and the viewport top/bottom. Return an location object to scroll, or null to prevent scrolling. Here's the default implementation:

const defaultCalculateViewLocation: CalculateViewLocation = ({
itemTop,
itemBottom,
viewportTop,
viewportBottom,
locationParams: { behavior, align, ...rest },
}) => {
if (itemTop < viewportTop) {
return { ...rest, behavior, align: align ?? 'start' }
}
if (itemBottom > viewportBottom) {
return { ...rest, behavior, align: align ?? 'end' }
}
return null
}

Inherited from​

ScrollIntoViewLocationOptions.calculateViewLocation