我正在为我的项目使用以下侧面幻灯片菜单: -
http://www.mywork.com.au/blog/demos/facebook-sidebar-menu/
我已将左侧滑入更改为右侧滑入。它在桌面上对我很有效,但在ipad和手机中,页面包装器具有滞后/滚动效果。在菜单出现后,页面包装器似乎从侧面菜单容器的右侧向左侧滚动。
我尝试使用"快速","慢"和动画的其他属性,但似乎没有弄清楚究竟需要做什么。
$(".m-menu").toggle(function() {
$('#mobile-menu-bg').animate(
{ right: '0', speed: '1500' },
1500
//{ duration: 500, queue: false },
);
$('#page-wrapper').animate(
{ 'margin-left': '-80%', speed: '1000' },
1000
//{ duration: 500, queue: false }
);
}, function() {
$('#mobile-menu-bg').animate(
{ right: '-80%' }
//{ duration: 500, queue: false }
);
$('#page-wrapper').animate(
{ 'margin-left': '0' }
//{ duration: 500, queue: false }
);
}
);
请帮忙