1.0.0 • Published 4 years ago

@rooneyhooks/use-scroll v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

useScroll

what is this ?

  • 스크롤의 Y 좌표를 가져와서 특정 위치에 오면 지정한 이벤트가 발생하도록 하는 hook
npm install @rooneyhooks/use-scroll

Usage

import useTitle from "@rooneyhooks/use-scroll";

export default function App() {
    const { y } = useScroll();
    return (
        <div className='App' style={{ height: "1000vh" }}>
            <h1 style={{ color: y > 1000 ? "red" : "blue", position: "fixed" }}>
                Scroll
            </h1>
        </div>
    );
}
1.0.0

4 years ago