A touch slideout navigation menu for your mobile web apps.
fx
option now supports cubic-bezier
data-slideout-ignore
to disable dragging on some elements (maybe for a photo slider, carousel google map, iframes, etc)..slideout-menu-left
and .slideout-panel-left
or .slideout-menu-right
and .slideout-panel-right
.classList
instead of regexp.overflow-y: scroll;
on .slideout-menu
.Slideout
translatestart
and translateend
.translateX
+ will-change
instead of translate3d
.uglify-js
dependency.Docs
tolerance
option docs..destroy()
method.side
option to open the slideout from left
or right
.var slideout = new Slideout({
'panel': document.getElementById('panel'),
'menu': document.getElementById('menu'),
'side': 'right'
});
beforeclose
close
beforeopen
open
translate
The Slideout can emit translate
event only when it is opening/closing via touch events.
slideout.on('translate', function(translated) {
console.log(translated); // eg. 120 in px
});
overflow:auto;
instead of hidden
- (#25)