Bootstrap固定导航在滚动时跳动

Question

3

我已经使用Bootstrap一段时间了，从未遇到过这个问题。我希望导航栏始终固定在页面顶部，但当我滚动到轮播图之后它会跳动/闪烁。我希望你能看到它，我使用的是Chrome浏览器。

当我删除轮播图时，它可以完美工作，但我看不到任何错误。有人能发现明显的错误吗？

我的固定导航栏代码：

<header class="navbar-fixed-top" role="navigation">
    ....
</header>

- OliverB

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- AndrewL64 · Accepted Answer

你忘记在头标签中添加 navbar 类。

将这个改为：

<header class="navbar-fixed-top" role="navigation">

变为这样：

<header class="navbar navbar-fixed-top" role="navigation">

将以下内容添加到您的CSS中：

.navbar-fixed-top  {
     -webkit-backface-visibility: hidden;
}