Carousel滚动时如何修复导航栏的轻微移动？

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

试试这个css，它应该可以工作

nav#topNavbar { 
  display: block; 
  position: fixed;
  top: 0;
  width:100%;
  z-index: 99;
}