当轮播滚动时，如何解决导航栏的轻微移动？

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;
}