# navbar-scroll

> navbar active item in center

Latest version **1.0.2** (published 2020-11-24) · ISC license · 0 weekly downloads

## Install

```sh
npm install navbar-scroll
pnpm add navbar-scroll
yarn add navbar-scroll
bun add navbar-scroll
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2020-11-24 |
| First published | 2020-11-24 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.9 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | sherry-li-or |
| Maintainers | sherry-li-or |

## Links

- npm: https://www.npmjs.com/package/navbar-scroll
- Repository: https://github.com/sherry-li-or/navigation-scroll
- Homepage: https://github.com/sherry-li-or/navigation-scroll#readme
- Issues: https://github.com/sherry-li-or/navigation-scroll/issues
- npm.io page: https://npm.io/package/navbar-scroll

## Recent versions

- 1.0.2 (latest) — 2020-11-24
- 1.0.1 — 2020-11-24

## README

# navbar-scroll

## what is this?

一個可以讓你的 navbar 滾動時,使 active 保持置中

One that allows you to keep active when scrolling navbar.

## Show

### Unused
![Usage](gif/before.gif)

### Usage
![Usage](gif/after.gif)

## Getting Started

### install

yarn: `yarn add navbar-scroll`

npm: `npm install navbar-scroll`

### Usage

#### javascript

```javascript
const { navbarScroll } = require("navbar-scroll");

navbarScroll({ activeItem, scrollContainer });
```

#### TypeScript

```typescript
import { navbarScroll } from "navbar-scroll";

navbarScroll({ activeItem, scrollContainer });
```

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