Jquery移动菜单 - 关闭页面

Question

所以我现在正在编写一个网站，并使用从右侧滑入的移动菜单，当通过笔记本电脑浏览器查看时，它可以正常工作。我这样做的方法是绝对将菜单200px放在屏幕上，然后使用JQuery将它滑动到-200px右边的0px。

<script>
$('#mobileIcon').click(function(){
    $('#mobileNavigation').animate({right:'0'}, 1000);
});
$('#mobileNavigation li.first span').click(function(){
    $('#mobileNavigation').animate({right:'-200'}, 1000);
});
</script>

当我在Iphone上查看网站时出现问题，如果你滚动到它，菜单会显示在右边，但情况并非如此！

如果您在浏览器上查看该网站并将宽度缩小到移动尺寸，然后尝试向右滚动，您将看不到任何内容，但如果您在移动设备上查看并向右滑动，您将看到我的意思：< / p>

http://dev.evaske.com/EvaskeResponsive/

为什么只在移动设备上执行此操作？

Answer 1

通过使用固定位置而不是绝对定位来解决。