Как исправить небольшое перемещение Навбара при прокрутке Карусели?

Question

У меня странная проблема.Я создаю веб-страницу с навигационной панелью и каруселью под ней.Я наблюдаю, что навигационная панель слегка опускается, когда карусель прокручивается.Я не могу понять, почему это происходит?Ниже приведен код, который я использую.

Навбар и карусель находятся внутри тела.

<nav id="topNavbar" class="navbar navbar-expand-lg bg-alt-lvl2 py-0">
  ....
</nav>

<div>
  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" style="background-color:black;height:550px;overflow:hidden;cursor:pointer;">
    .......
  </div>
<div>

Буду признателен за любые замечания.

Answer 1

try

nav#topNavbar { 
  display: block; 
  width:100%; 
  position: relative;
}