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

Question

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

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

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();
      });
    });