Javascript 导航栏消失

导航栏固定在标题处，单击菜单图标时，整个容器向右滑动

这是我的主页

单击菜单图标时

但当页面向下滚动并单击菜单图标时，标题消失

这是我的css代码

.content
{
    position:relative;

    width:100%;
    height:100%;
}
.header
{
  position:fixed;
  width:100%;
  height:50px;
  float: none !important;
clear: both !important;
  background-color:#19b8df;
  left:0;
  top:0;
 z-index: 999999;
}

.menu
{
    float:left;
    margin:10px;
    width:40px;
    height:40px;

}

这是我的html代码

<div class="header">
        <div class="menu"><span><a href="#menu"><img src="images/menu.png" /></a></span>
        </div>

        <div class="searchicon"><a href="search.html"><img src="images/active-search.png" /></a>
        </div>

    </div>

我的jquery

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
 <script type="text/javascript" src="js/jquery.mmenu.min.all.js"></script>
 <script>
      $(document).ready(function(){
        $('bav#menu').mmenu();

        });
    </script>

$（文档）.ready（函数（）{
$（'bav#menu'）.mmenu（）；
});

您已经创建了两个链接，它们都具有指向某个位置的href属性。在HTML中，如果单击带有位置的链接，则会加载特定位置，并且当前链接或页面将丢失

标题位于当前页面中，单击后将加载另一个页面

上行表示您正在链接到同一页面中的元素，其名称属性值如“菜单”示例：

---

上行表示您正在链接到另一个页面本身，因此您将获得空白页面，因为您可能没有search.html页面或使用空白search.html页面。

另一个链接是加载单独页面的搜索图标。谢谢您的回答，但我的问题不是关于获得空白页面。搜索图标工作得很好。我的问题是，当我向下滚动并单击菜单图标时，标题中的导航栏消失，否则一切正常。