导航栏上奇怪的跳跃

Question

[编辑]此问题仅出现在Chrome和Opera上。 Firefox和Edge不会看到这个。

我不知道它何时以及为何开始发生，所以我认为我应该直接通过网站链接提供：hipark-sez.com。我使用bootstrap来创建这个网站。

当我向下滚动（主要是在查看端口左侧旋转木马上）时，我注意到我的顶部导航栏创建了一个小跳跃。如下所示：
（您可能需要多次向上和向下滚动，有时不会出现此问题）

通过拍摄屏幕截图，您可以看到导航栏高度的微小差异。但是当我在开发人员工具中观察导航栏高度值时，它显示导航栏在任何一种情况下都是51px（50px高度+ 1px边框）高度。这对我来说很奇怪。

即使我将导航栏的高度指定为50px（我认为这是不必要的）或导航标签顶部位置属性为0，仍然会保留奇怪的跳跃。

谢谢！

Answer 1

添加到“navbar-fixed-top”类。

  -webkit-backface-visibility: hidden;