# organism-react-scroll-nav

> A React scroll spy library with flux

Latest version **2.0.1** (published 2025-10-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install organism-react-scroll-nav
pnpm add organism-react-scroll-nav
yarn add organism-react-scroll-nav
bun add organism-react-scroll-nav
```

## Health

**Score 40/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.1 |
| Published | 2025-10-16 |
| First published | 2016-09-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 14 |
| Unpacked size | 85.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 8 |
| Author | Hill |
| Maintainers | hillliu |
| Keywords | react, react-component, organism, atomic-ui |

## Links

- npm: https://www.npmjs.com/package/organism-react-scroll-nav
- Repository: https://github.com/react-atomic/organism-react-scroll-nav
- Homepage: https://github.com/react-atomic/organism-react-scroll-nav#readme
- Issues: https://github.com/react-atomic/organism-react-scroll-nav/issues
- npm.io page: https://npm.io/package/organism-react-scroll-nav

## Dependencies (14)

- [call-func](https://npm.io/package/call-func.md) *
- [getoffset](https://npm.io/package/getoffset.md) *
- [anchor-lib](https://npm.io/package/anchor-lib.md) *
- [reshow-hooks](https://npm.io/package/reshow-hooks.md) *
- [get-random-id](https://npm.io/package/get-random-id.md) *
- [reshow-return](https://npm.io/package/reshow-return.md) *
- [reshow-runtime](https://npm.io/package/reshow-runtime.md) *
- [get-scroll-info](https://npm.io/package/get-scroll-info.md) *
- [reshow-constant](https://npm.io/package/reshow-constant.md) *
- [get-object-value](https://npm.io/package/get-object-value.md) *
- [smooth-scroll-to](https://npm.io/package/smooth-scroll-to.md) *
- [get-window-offset](https://npm.io/package/get-window-offset.md) *
- [css-query-selector](https://npm.io/package/css-query-selector.md) *
- [react-atomic-molecule](https://npm.io/package/react-atomic-molecule.md) *

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 2.0.1 (latest) — 2025-10-16
- 2.0.0 — 2025-10-16
- 1.6.1 — 2025-10-07
- 1.6.0 — 2025-10-01
- 1.5.1 — 2025-09-26
- 1.5.0 — 2025-09-25
- 1.4.1 — 2024-12-31
- 1.3.1 — 2024-12-24
- 1.3.0 — 2024-11-25
- 1.2.2 — 2024-11-21
- 1.2.1 — 2024-11-21
- 1.2.0 — 2024-11-21
- 1.1.2 — 2023-10-26
- 1.1.1 — 2023-08-04
- 1.1.0 — 2022-10-11
- … 107 more at https://npm.io/package/organism-react-scroll-nav/versions

## README

[![CircleCI](https://circleci.com/gh/react-atomic/organism-react-scroll-nav/tree/main.svg?style=svg)](https://circleci.com/gh/react-atomic/organism-react-scroll-nav/tree/main)

React Scroll Spy Library (organism-react-scroll-nav) 
===============
   * GIT
      * https://github.com/react-atomic/organism-react-scroll-nav
   * NPM
      * https://www.npmjs.com/package/organism-react-scroll-nav

## Example Usage
* Code: https://github.com/react-atomic/organism-react-scroll-nav/blob/main/ui/pages/index.jsx

### Live Demo Url
* https://react-atomic.github.io/organism-react-scroll-nav

### Test in local
```
./compile.sh s
```

Go to http://localhost:3000

## dispatch

### fast store
```js
import {fastScrollStore} from "organism-react-scroll-nav";
fastScrollStore.scroller.dispatch(/* xxx */);
```

### slow store
```js
import {scrollStore} from "organism-react-scroll-nav";
scrollStore.scroller.dispatch(/* xxx */);
```



## Inspire
* https://github.com/fisshy/react-scroll
* https://github.com/klyngbaek/react-scroll-nav
* https://github.com/stutrek/scrollMonitor
* https://github.com/yui/yui3/blob/master/src/node-scroll-info/js/node-scroll-info.js

---
_Source: https://npm.io/package/organism-react-scroll-nav · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._