mirror of
https://github.com/CompassConnections/Compass.git
synced 2026-07-30 17:59:13 -04:00
10 lines
479 B
TypeScript
10 lines
479 B
TypeScript
export const scrollIntoViewCentered = (element: HTMLElement) => {
|
|
// Because elem.scrollIntoView({ block: 'center' }) doesn't work on safari (mobile/desktop).
|
|
const elementRect = element.getBoundingClientRect()
|
|
const absoluteElementTop = elementRect.top + window.pageYOffset
|
|
const halfWindowHeight = window.innerHeight / 2
|
|
const middle =
|
|
absoluteElementTop - halfWindowHeight + Math.min(elementRect.height / 2, halfWindowHeight - 58)
|
|
window.scrollTo(0, middle)
|
|
}
|