Push and modal segue for sioux.
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
README.md
index.js
license
package.json
style.css

README.md

sioux Segue

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

npm install sioux-segue

Push and modal segue for sioux. The push type will perform a right to left wind and a left to right unwind. The modal type will animate a window from the bottom when winding, and back when unwinding.

create

var Segue = require('sioux-segue');
var segue = new Segue(document.querySelector('.foo'), 'push');
// first argument: the element segue is performed on
// second argument: the type of segue 

HTML

<div class="screen">
  <div class="ui-window foo"></div>
</div>

Properties

  • state: WINDED or UNWINDED
  • available: false if it is animating
  • DURATION: the duration of the transition
  • type: the type of the segue, push or modal

Methods

.wind(contentFn, callback)

The contentFn is a function which has to return a DOM node or node list, that will be inserted into the appearing window. The callback function will be called when the animation finished.

.unwind(contentFn, callback)

In the push type same as the wind method but this will slide to the right. If the segue is modal there is no contentFn argument just a callback.

.init(contentFn, callback)

Loads content to segue for the first time.