use-window-scroll

use-window-scroll

창 스크롤 위치를 추적하고, 지정한 위치로 부드럽게 스크롤하는 함수를 제공하는 훅이에요.

출처: 문서

본문

사용법 (Usage)

use-window-scroll 훅은 현재 스크롤 위치와 지정한 위치로 부드럽게 스크롤하는 함수를 반환해요:

import { useWindowScroll } from '@mantine/hooks';
import { Button, Text, Group } from '@mantine/core';

function Demo() {
  const [scroll, scrollTo] = useWindowScroll();

  return (

        Scroll position x: {scroll.x}, y: {scroll.y}

       scrollTo({ y: 0 })}>Scroll to top

  );
}

정의 (Definition)

interface UseWindowScrollPosition {
  x: number;
  y: number;
}

type UseWindowScrollTo = (position: Partial<UseWindowScrollPosition>) => void;
type UseWindowScrollReturnValue = [UseWindowScrollPosition, UseWindowScrollTo];

function useWindowScroll(): UseWindowScrollReturnValue;

내보내는 타입 (Exported types)

UseWindowScrollTo, UseWindowScrollPosition, UseWindowScrollReturnValue 타입은 @mantine/hooks에서 내보내져요:

import type { UseWindowScrollTo, UseWindowScrollPosition, UseWindowScrollReturnValue } from '@mantine/hooks';

더 알아보기 (Learn more)

• use-window-event
• use-counter