Фоновое тело прокручивается вверх, когда navbar рушится на мобильных устройствах

Question

Когда я щелкаю элемент навигации, панель навигации закрывается, а фоновое тело также прокручивается до того же размера, пока панель навигации не закроется, и не остановит прокрутку, когда панель навигации закроется.Это происходит только на мобильных устройствах.Я пытался overflow: hidden, но он не работает.

Есть идеи, как это исправить?

Вот мой код

<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-primary">
  <a class="navbar-brand" href="#">Azam Badar</a>
  <button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

  <div class="collapse navbar-collapse" id="navbarColor03">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item">
        <a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#techstack">Techstack</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#projects">Projects</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#socialwall">Socialwall</a>
      </li>
      <li class="nav-item">
          <a class="nav-link" href="#let'stalk">Let's Talk</a>
        </li>
    </ul>

  </div>
</nav>

Пожалуйста, см. Ниже 2 изображения, когда я нажимаю значок навигации, и открывается панель навигации, тело (в данном случае мои проекты) прокручивается вниз и наоборот.

Большое спасибо

Answer 1

CSS-код было бы замечательно видеть, но я думаю, вы пропустили position:absolute где-то.Ваша навигация должна быть позиционирована как абсолютная и должна иметь z-index больше, чем контейнер, иначе вы не сможете ее увидеть.Надеюсь, что это помогло, если нет, поделитесь кодом CSS, чтобы я мог проверить его :)