accords-library.com/src/hooks/useScrollTopOnChange.ts
2022-05-22 16:55:39 +02:00

13 lines
382 B
TypeScript

import { DependencyList, useEffect } from "react";
export enum AnchorIds {
ContentPanel = "contentPanel495922447721572",
}
// Scroll to top of element "id" when "deps" update.
export function useScrollTopOnChange(id: AnchorIds, deps: DependencyList) {
useEffect(() => {
document.querySelector(`#${id}`)?.scrollTo({ top: 0, behavior: "smooth" });
}, deps);
}