css:
.nav-bar-mobile {
position: fixed;
top: 50px;
left: -160px;
width: 160px;
padding: 10px;
z-index: 999;
overflow: hidden;
border-bottom: none;
overflow-y: auto;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.nav-bar-mobile::-webkit-scrollbar {
width: 0 !important
}
js:
$('.mobile-nav-btn').unbind("click").click(function() {
if ($('.nav-bar-mobile').hasClass('mobile-bar-none')) {
$('.nav-bar-mobile').removeClass('mobile-bar-none');
$(".nav-bar-mobile").animate({
left: "0px"
}, 1000);
$("#main").animate({
marginLeft: "160px"
}, 1000);
} else {
$('.nav-bar-mobile').addClass('mobile-bar-none');
$(".nav-bar-mobile").animate({
left: "-160px"
}, 1000);
$("#main").animate({
marginLeft: "0px"
}, 1000);
}
})
很奇怪的是第一次加载完成点击执行了2次click,按f5刷新后就可以了,所以加了unbind