Только одна панель Навбар сверху на MDB - PullRequest
Новая
       19

Только одна панель Навбар сверху на MDB

0 голосов
/ 25 октября 2019

У меня есть две навигационные панели, и я хочу, чтобы две навигационные панели при прокрутке удерживались сверху. С моим кодом только одна панель навигации находится сверху. Пожалуйста, смотрите мой код ниже:

Это для первой навигации 

<mdb-navbar SideClass="navbar navbar-expand-lg " class="fixed-top navbar-expand-md navbar-light white double-nav scrolling-navbar" [containerInside]="true" style="margin-top: 0px;">
    <mdb-navbar-brand>

    </mdb-navbar-brand>
    <links>

      <!-- Links -->
      <ul class="navbar-nav mr-auto">

      </ul>
      <!-- Links -->

      <!-- Search form -->
      <ul class="navbar-nav">
          <li class="nav-item active">
            <a class="nav-link waves-light" mdbWavesEffect><mdb-icon fas icon="phone" ></mdb-icon>  HOTLINE: (02) 5-318-8655(TOLL)<span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
              <a class="nav-link waves-light" mdbWavesEffect><mdb-icon fas icon="envelope" ></mdb-icon>  customercare@autosweeprfid.com<span class="sr-only">(current)</span></a>
          </li>

        </ul>
    </links>
</mdb-navbar>

Это для второй навигации 

<div class="container" style="margin-bottom: 1em; margin-top: 3em;">
    <mdb-navbar SideClass="navbar navbar-expand-lg scrolling-navbar intro-fixed-nav class z-depth-0" >

        <mdb-navbar-brand>
            <a class="navbar-brand" href="#">
                <img src="../../../assets/imgs/Autosweep-Logo-portrait-hi-res-1.jpg" height="100" class="d-inline-block align-top" alt="">
            </a>
        </mdb-navbar-brand>
        <links style="margin-left: 50px;">
            <ul class="navbar-nav" style="font-size: .8em;">
                <li class="nav-item active">
                    <a class="nav-link waves-light" mdbWavesEffect>Subscribe Now <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link waves-light" mdbWavesEffect>Forms</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link waves-light" mdbWavesEffect>Balance Inquiry</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link waves-light" mdbWavesEffect>RFID Stations & Reloading Partners</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link waves-light" mdbWavesEffect>ADA Enrollment/Re-Activation</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link waves-light" mdbWavesEffect>Customer Care</a>
                </li>
            </ul>
        </links>
    </mdb-navbar>
</div>

Вот как это выглядит:

enter image description here

После прокрутки исчезает вторая навигационная панель:

enter image description here Я просто использую загрузчик по умолчанию. Нет модификации CSS. Пожалуйста помоги. Спасибо.

...