0.0.2 • Published 11 years ago

sioux-offscreen v0.0.2

Weekly downloads
11
License
-
Repository
-
Last release
11 years ago

sioux offscreen

npm install sioux-offscreen

An off screen navigation item. Similar to the menu of the Facebook and Path app. demo. It requires two part: an offscreen elem which is hidden behind the other onscreen element.

var Offscreen = require('sioux-offscreen');

var off = new Offscreen(offscreenElement, onscreenElement);

off.toggle(function () {
  console.log('Toggled!');
});

properties

  • offscreen: the off screen DOM element
  • onscreen: the forward DOM element
  • hidden: Boolean, whether the offscreen element is hidden or not

methods

  • show(callback): shows the offscreen element, the callback gets called when the animation ended
  • hide(callback): hides the offscreen element, the callback gets called when the animation ended
  • toggle(callback): toggles the state, the callback gets called when the animation ended