properjs-resizecontroller

0.3.0 • Public • Published

ProperJS // ResizeController

Overkill resize handling for professionals.

Installation

npm i properjs-resizecontroller --save-dev

Usage

ResizeController doesn't use any native window or document event binding for resize handling. Rather, it uses requestAnimationFrame and supplies extra nifty scroll events for more control.

import ResizeController from "properjs-resizecontroller";

// Window scroll handling (RAF)
const resizer = new ResizeController();

resizer.on( "idle", ( viewport ) => {
    console.log( "window idle", viewport );
});

resizer.on( "resize", ( viewport ) => {
    console.log( "window resize", viewport );
});

resizer.on( "resizeup", ( viewport ) => {
    console.log( "window resizeup", viewport );
});

resizer.on( "resizedown", ( viewport ) => {
    console.log( "window resizedown", viewport );
});

resizer.on( "resizewidth", ( viewport ) => {
    console.log( "window resizewidth", viewport );
});

resizer.on( "resizeheight", ( viewport ) => {
    console.log( "window resizeheight", viewport );
});

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.3.0
    0
    • latest

Version History

Package Sidebar

Install

npm i properjs-resizecontroller

Weekly Downloads

0

Version

0.3.0

License

none

Unpacked Size

7.01 kB

Total Files

7

Last publish

Collaborators

  • kitajchuk