html滑动按钮源代码,js实现仿APP触摸滑动菜单Slideout.js

Slideout.js是使用js实现仿APP触摸滑动菜单,实现类似本地化APP运用效果，支持树型格式化菜单，本地化滚动，自定义样式，CSS3动画切换效果。

浏览器兼容性： Chrome (IOS, Android, desktop) Firefox (Android, desktop) Safari (IOS, Android, desktop) Opera (desktop) IE 10+ (desktop)

Slideout Demo

html,

body {

width: 100%;

height: 100%;

}

.slideout-menu {

position: fixed;

left: 0;

top: 0;

bottom: 0;

right: 0;

z-index: 0;

width: 256px;

overflow-y: scroll;

-webkit-overflow-scrolling: touch;

display: none;

}

.slideout-panel {

position:relative;

z-index: 1;

}

.slideout-open,

.slideout-open body {

overflow: hidden;

}

.slideout-open .slideout-menu {

display: block;

}

Menu

?

Panel

var slideout = new Slideout({

'panel': document.getElementById('panel'),

'menu': document.getElementById('menu'),

'padding': 256,

'tolerance': 70

});

相关链接