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

Question

我有一个移动推送菜单，从左到右滑动。除了默认的android浏览器之外，它在所有移动浏览器上运行良好。我在我的包装器中放置了菜单图标。当我在默认浏览器中单击菜单图标时，菜单图标不会向右滑动。滑动菜单与图标重叠。但是，如果我将位置从固定更改为绝对，则它可以正常工作。

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

CSS：

#primary-menu-toggle {
    z-index:999 !important;
    top: 84px;
    position: fixed;
}

HTML：

<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-->

Answer 1

你可以试试这个：

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