# ngkit.sticky

> Sticky elements (position:sticky polyfill) for Angular

Latest version **0.0.3** (published 2015-06-19) · ISC license · 0 weekly downloads

## Install

```sh
npm install ngkit.sticky
pnpm add ngkit.sticky
yarn add ngkit.sticky
bun add ngkit.sticky
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2015-06-19 |
| First published | 2015-06-18 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | Boris Okunskiy |
| Maintainers | inca |
| Keywords | angular, ui, sticky |

## Links

- npm: https://www.npmjs.com/package/ngkit.sticky
- Repository: git@github.com:inca/ngkit
- Homepage: https://github.com/inca/ngkit
- Issues: https://github.com/inca/ngkit/issues
- npm.io page: https://npm.io/package/ngkit.sticky

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 0.0.3 (latest) — 2015-06-19
- 0.0.2 — 2015-06-19
- 0.0.1 — 2015-06-18
- 0.0.0 — 2015-06-18

## README

# ngKit sticky polyfill

Sticky element becomes fixed once the viewport is scrolled beyond
the top boundary of its parent; then once the viewport is scrolled
beyond the bottom boundary of its parent the sticky element becomes
released again.

This component relies on some stylesheets, both for the sticky element
and for its parent.

```html
<div class="has-sticky">
  <aside class="sidenav sticky"
         ui-sticky>
  </aside>
  <main>
  </main>
</div>
```

See `sticky.css` for example stylesheet.

You can additionally set yOffset (e.g. `ui-sticky="48"`),
this is handy if you have another fixed element (like fixed header).

## Usage

Add directive to your Angular module directly:

```js
var app = angular.module('myApp', []);

require('ngkit.sticky')(app);
```

Note: ngKit requires Browserify.

## License

ISC / Boris Okunskiy

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