把当前的登陆页close(),hide()都没用,index页面也设置了zindex=0,
document.getElementById("go-index").addEventListener('tap',function(){
var ww= plus.webview.currentWebview();
plus.webview.hide(ww);
mui.openWindow({
id:'index',
styles: {
zindex: 0
}
});
});
主页面上的侧滑是直接抄的mui
main = plus.webview.currentWebview();
main.addEventListener("maskClick", closeMenu);
setTimeout(function() {
menu = mui.preload({
url: 'sidebar.html',
id: 'sidebar',
styles: {
left: 0,
width: '70%',
zindex: -1
},
show: {
aniShow: 'none'
}
});
}, 500);
var isInTransition = false;
//显示侧滑菜单
function openMenu() {
if (isInTransition) {
return;
}
if (!showMenu) {
//侧滑菜单处于隐藏状态,则立即显示出来;
isInTransition = true;
menu.setStyle({
mask: 'rgba(0,0,0,0)'
}); //menu设置透明遮罩防止点击
menu.show('none', 0, function() {
//主窗体开始侧滑并显示遮罩
main.setStyle({
mask: 'rgba(0,0,0,0.4)',
left: '70%',
transition: {
duration: 150
}
});
mui.later(function() {
isInTransition = false;
menu.setStyle({
mask: "none"
}); //移除menu的mask
}, 160);
showMenu = true;
});
}
};
//关闭侧滑菜单
function closeMenu() {
if (isInTransition) {
return;
}
if (showMenu) {
//关闭遮罩;
//主窗体开始侧滑;
isInTransition = true;
main.setStyle({
mask: 'none',
left: '0',
transition: {
duration: 200
}
});
showMenu = false;
//等动画结束后,隐藏菜单webview,节省资源;
mui.later(function() {
isInTransition = false;
menu.hide();
}, 300);
}
};
document.querySelector(".mui-icon-bars").addEventListener("tap", function() {
if (showMenu) {
closeMenu();
} else {
openMenu();
}
});
document.querySelector("header").addEventListener("doubletap", function() {
main.children()[0].evalJS("mui.scrollTo(0,100)");
});
切克闹
您好,有个奇怪的问题是把zindex=0时,侧滑菜单打开会不流畅?
我拿hello mui试了也是那种效果?
2015-10-07 12:24
1***@qq.com
回复 切克闹:不流畅怎么解决的?
2017-05-11 08:54