# client-rect-notifications

> Provides notifications for changes in the position of an HTML element relative to the viewport.

Latest version **0.0.3** (published 2016-08-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install client-rect-notifications
pnpm add client-rect-notifications
yarn add client-rect-notifications
bun add client-rect-notifications
```

## 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 | 2016-08-08 |
| First published | 2016-06-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Vivek Maharajh |
| Maintainers | vivmaha |
| Keywords | getboundingclientrect, htmlElement, rect, client, bounding, window, viewport, visible, view, notifications, callback |

## Links

- npm: https://www.npmjs.com/package/client-rect-notifications
- Repository: https://github.com/vivmaha/client-rect-notifications
- Homepage: https://vivmaha.github.io/client-rect-notifications
- Issues: https://github.com/vivmaha/client-rect-notifications/issues
- npm.io page: https://npm.io/package/client-rect-notifications

## Dependencies (1)

- [throttled-event-listener](https://npm.io/package/throttled-event-listener.md) ^0.0.3

## Alternatives

- [launchdarkly-js-client-sdk](https://npm.io/package/launchdarkly-js-client-sdk.md) — 2.5M weekly downloads
- [@elastic/elasticsearch](https://npm.io/package/@elastic/elasticsearch.md) — 2.1M weekly downloads
- [@c8y/client](https://npm.io/package/@c8y/client.md) — 15.3K weekly downloads
- [@signaldb/maverickjs](https://npm.io/package/@signaldb/maverickjs.md) — 1.7K weekly downloads
- [@bbc/http-transport-cache](https://npm.io/package/@bbc/http-transport-cache.md) — 1.2K weekly downloads

## Recent versions

- 0.0.3 (latest) — 2016-08-08
- 0.0.2 — 2016-06-28
- 0.0.1 — 2016-06-27

## README

# client-rect-notifications
Provides notifications for changes in the position of an HTML element relative to the viewport.

# [Demo](https://vivmaha.github.io/client-rect-notifications)

# Install

    $ npm install --save-dev client-rect-notifications

# Usage
  
    var htmlElement = ...;
	var clientRectNotifications = require('client-rect-notifications');
	clientRectNotifications.add(
	    htmlElement ,
	    {
	        completelyOutOfView : function() {
	            // do something
	        }, 
	        completelyInView : function() {
	            // do something
	        },
	        mostlyInView : function() {
	            // do something
	        },
	        partiallyInView : function() {
	            // do something
	        }
	    }
	);

# Build

    $ git clone ...
    $ npm install
    $ grunt serve

    // Deployed to http://localhost:9001/

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