├── .gitignore ├── LICENSE ├── README.md ├── example ├── .gitignore ├── README.md ├── package-lock.json ├── package.json ├── public │ ├── favicon.ico │ ├── index.html │ ├── logo192.png │ ├── logo512.png │ ├── manifest.json │ └── robots.txt ├── src │ ├── FixedPositionExample.tsx │ ├── HorizontalExample.tsx │ ├── HorizontalTwoExample.tsx │ ├── StickyPositionExample.tsx │ ├── StyledSectionsExample.tsx │ ├── UseScrollStateExample.tsx │ ├── UseScrollValueExample.tsx │ ├── index.css │ ├── index.tsx │ ├── react-app-env.d.ts │ ├── reportWebVitals.ts │ ├── setupTests.ts │ ├── theme.ts │ └── utils.ts └── tsconfig.json ├── package.json ├── rollup.config.ts ├── src ├── components │ ├── Container.tsx │ ├── Item.tsx │ ├── Section.module.css │ └── Section.tsx ├── hooks │ ├── useConst.ts │ ├── useId.ts │ ├── useLatestRef.ts │ ├── useObservableRef.ts │ ├── useResizeObserver.ts │ ├── useScroll.tsx │ ├── useScrollLayoutManager.ts │ ├── useScrollState.ts │ └── useScrollValue.ts ├── index.ts └── utils.ts └── tsconfig.json /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/.gitignore -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/README.md -------------------------------------------------------------------------------- /example/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/.gitignore -------------------------------------------------------------------------------- /example/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/README.md -------------------------------------------------------------------------------- /example/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/package-lock.json -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/package.json -------------------------------------------------------------------------------- /example/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/public/favicon.ico -------------------------------------------------------------------------------- /example/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/public/index.html -------------------------------------------------------------------------------- /example/public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/public/logo192.png -------------------------------------------------------------------------------- /example/public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/public/logo512.png -------------------------------------------------------------------------------- /example/public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/public/manifest.json -------------------------------------------------------------------------------- /example/public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/public/robots.txt -------------------------------------------------------------------------------- /example/src/FixedPositionExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/FixedPositionExample.tsx -------------------------------------------------------------------------------- /example/src/HorizontalExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/HorizontalExample.tsx -------------------------------------------------------------------------------- /example/src/HorizontalTwoExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/HorizontalTwoExample.tsx -------------------------------------------------------------------------------- /example/src/StickyPositionExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/StickyPositionExample.tsx -------------------------------------------------------------------------------- /example/src/StyledSectionsExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/StyledSectionsExample.tsx -------------------------------------------------------------------------------- /example/src/UseScrollStateExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/UseScrollStateExample.tsx -------------------------------------------------------------------------------- /example/src/UseScrollValueExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/UseScrollValueExample.tsx -------------------------------------------------------------------------------- /example/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/index.css -------------------------------------------------------------------------------- /example/src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/index.tsx -------------------------------------------------------------------------------- /example/src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /example/src/reportWebVitals.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/reportWebVitals.ts -------------------------------------------------------------------------------- /example/src/setupTests.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/setupTests.ts -------------------------------------------------------------------------------- /example/src/theme.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/theme.ts -------------------------------------------------------------------------------- /example/src/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/src/utils.ts -------------------------------------------------------------------------------- /example/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/example/tsconfig.json -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/package.json -------------------------------------------------------------------------------- /rollup.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/rollup.config.ts -------------------------------------------------------------------------------- /src/components/Container.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/components/Container.tsx -------------------------------------------------------------------------------- /src/components/Item.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/components/Item.tsx -------------------------------------------------------------------------------- /src/components/Section.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/components/Section.module.css -------------------------------------------------------------------------------- /src/components/Section.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/components/Section.tsx -------------------------------------------------------------------------------- /src/hooks/useConst.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/hooks/useConst.ts -------------------------------------------------------------------------------- /src/hooks/useId.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/hooks/useId.ts -------------------------------------------------------------------------------- /src/hooks/useLatestRef.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/hooks/useLatestRef.ts -------------------------------------------------------------------------------- /src/hooks/useObservableRef.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/hooks/useObservableRef.ts -------------------------------------------------------------------------------- /src/hooks/useResizeObserver.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/hooks/useResizeObserver.ts -------------------------------------------------------------------------------- /src/hooks/useScroll.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/hooks/useScroll.tsx -------------------------------------------------------------------------------- /src/hooks/useScrollLayoutManager.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/hooks/useScrollLayoutManager.ts -------------------------------------------------------------------------------- /src/hooks/useScrollState.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/hooks/useScrollState.ts -------------------------------------------------------------------------------- /src/hooks/useScrollValue.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/hooks/useScrollValue.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/src/utils.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/malerba118/scrollex/HEAD/tsconfig.json --------------------------------------------------------------------------------