Skip to content
An off screen navigation item. Similar to the menu of the Facebook and Path app
JavaScript CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
example
README.md
index.js
package.json
style.css

README.md

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
Something went wrong with that request. Please try again.