【问题标题】:How to fix slight moving of Navbar when Carousel scrolls?Carousel滚动时如何修复导航栏的轻微移动?
【发布时间】:2019-07-03 04:47:46
【问题描述】:

我有一个奇怪的问题。我正在构建一个网页,它下面有一个导航栏和一个轮播。我观察到当轮播滚动时导航栏向下移动得非常轻微。我无法理解为什么会这样? 下面是我正在使用的代码。

导航栏和轮播都在正文中。

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

对此的任何意见将不胜感激。

【问题讨论】:

  • 您没有真正提供足够的代码让我能够理解导致问题的原因。一件事,导航栏是否有边距底部?导航栏是否只向下移动一次,还是在每次幻灯片更改后继续向下移动?导航栏是固定的、绝对的、粘性的吗?
  • CSS 好像不见了?引导程序?请阅读stackoverflow.com/help/minimal-reproducible-example

标签: javascript html bootstrap-4 navbar


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-04-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多