Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
An off screen navigation item. Similar to the menu of the Facebook and Path app
JavaScript CSS
branch: master

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.