Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 侧面滑动菜单在ipad和手机中不产生推送效果_Javascript_Jquery_Ipad_Menu_Jquery Animate - Fatal编程技术网

Javascript 侧面滑动菜单在ipad和手机中不产生推送效果

Javascript 侧面滑动菜单在ipad和手机中不产生推送效果,javascript,jquery,ipad,menu,jquery-animate,Javascript,Jquery,Ipad,Menu,Jquery Animate,我正在为我的项目使用以下侧边幻灯片菜单:- 我已将左滑入更改为右滑入。它对我来说在台式机上运行得很好,但在ipad和手机上,页面包装有滞后/滚动的效果。似乎在菜单出现后,页面包装器在侧菜单容器下从右向左滚动 我尝试过使用动画的快、慢和其他属性,但似乎没有弄清楚到底需要做什么 $(".m-menu").toggle(function() { $('#mobile-menu-bg').animate( { right: '0', speed: '1500' }

我正在为我的项目使用以下侧边幻灯片菜单:-

我已将左滑入更改为右滑入。它对我来说在台式机上运行得很好,但在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 }
        );
    }
);

请帮助

您的链接不起作用。。。你能提供一个提琴吗???这是一个修改版本-它在桌面上工作,也使用了twitter引导