Javascript 推送菜单在默认android浏览器上无法正常工作

我有一个滑动推菜单的手机是从左到右滑动。除了默认的android浏览器外，它在所有移动浏览器上都可以正常工作。我已将菜单图标放在包装内。当我在默认浏览器中单击菜单图标时，菜单图标没有向右滑动。滑动菜单与图标重叠。但是如果我把位置从固定改为绝对，它会正常工作

请帮助我使其与具有固定位置的默认移动浏览器兼容

CSS:

HTML:

导航项目

您可以尝试以下方法：

$(document).ready(function ()
    {
      $('menu').on('click', function ()
       {
        $('drop-menu').show();
       });
      $(body).on('click', function ()
      {
        $('drop-menu').hide();
      });
    });

---

你能告诉我们实际滑块的代码吗？

<div class="container">

  <div id="primary-menu" class="menu menu-left">
    navigation items
  </div>

  <div class="content">
    <a href="#" id="primary-menu-toggle" class="menu-toggle"></a>
  </div>

</div> <!--container ends-->

$(document).ready(function ()
    {
      $('menu').on('click', function ()
       {
        $('drop-menu').show();
       });
      $(body).on('click', function ()
      {
        $('drop-menu').hide();
      });
    });