Function useScrollShadow

apps/zui/src/js/components/hooks/use-scroll-shadow.ts:5–24

()

import useListener from "./useListener"

export function useScrollShadow() {
  const [ref, setRef] = useCallbackRef()

  useEffect(() => {
    ref?.classList.add("scroll-shadow")
    return () => {
      ref?.classList.remove("scroll-shadow")
    }
  }, [ref])

  useListener(ref, "scroll", (e: UIEvent<HTMLElement>) => {
    if (e.currentTarget.scrollTop === 0) {
      e.currentTarget.classList.remove("scroll-shadow-show")
    } else {
      e.currentTarget.classList.add("scroll-shadow-show")
    }
  })

  return setRef
}