sioux-offscreen

0.0.2 • Public • Published

sioux offscreen

More info from sioux: gerhardberger.github.io/sioux/

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

Readme

Keywords

none

Package Sidebar

Install

npm i sioux-offscreen

Weekly Downloads

3

Version

0.0.2

License

none

Last publish

Collaborators

  • gerhardberger