導航欄消失

Question

導航欄固定在標題處，單擊菜單圖標時，整個容器向右滑動

這是我的主頁

單擊菜單圖標時

但是當頁面向下滾動並單擊菜單圖標時，標題會消失

這是我的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>

Answer 1

您創建了2個鏈接，它們都具有指向某個位置的href屬性。 在HTML中，如果單擊包含位置的鏈接，則會加載特定位置，並且您的當前鏈接或頁面將丟失。

您的標題位於當前頁面中，並且您在單擊后正在加載另一個頁面。

Answer 2

1. <a href="#menu">

上面的行表示您鏈接到同一頁面中的元素，其名稱屬性值為“menu”示例：

2. <a href="search.html">

上面一行意味着您要鏈接到另一個頁面本身，因此您可能沒有search.html頁面或使用空白的search.html頁面，因此您將獲得空白頁面。