0.0.1 • Published 10 years ago

layout-changes v0.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
10 years ago

layout-changes.js

Watch a DOM element's tree for layout changes and resizes, using a animationFrame (Shim) listener only until the element is on the DOM or event listener has been removed. May be used to handle layouts in which elements change frequently (CSS changes, content changes, images loaded, etc...)

Install

With npm:

# On your console, run
npm install --save layout-changes
var layoutChanges = require('layout-changes');

// ..

With bower:

# On your console, run
bower install --save layout-changes
<!-- In your HTML file, add -->
<script src="app/bower_components/layout-changes/dist/build.js"></script>
var layoutChanges = window.LayoutChanges

// ..

Usage

var layoutChanges = require('layout-changes'),
    element = document.getElementById('foobar');

layoutChanges.addListener(element, function (el) {
    console.log('Element or an element\'s child has changed size or content', el);
});

Methods

  • addListener(element, callback) Add a listener to given element to trigger callback
  • removeListener(element, callback) Remove a previously assigned listener

Licence

Copyright (c) 2015 Kano Computing Ltd. - Released under the MIT license

0.0.1

10 years ago

0.0.0

10 years ago