html - 在粘性顶部导航栏 Bootstrap 4 中滚动

Question

我遇到了一个问题，因为我制作了导航栏，它是粘性顶部并且有几个下拉菜单(每个下拉菜单中有很多按钮)。因此，如果设备的高度太小，它就会被裁剪，我可以获得更低的按钮。我需要知道如何在该导航栏上添加滚动。

此时它是这样工作的(使用 bootstrap 4.0) https://v4-alpha.getbootstrap.com/examples/navbar-top-fixed/

在 bootstrap 3.3.7 中它更容易，它看起来像这样: https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/

只需将窗口的高度更改为 300px，您就会看到效果。我需要有关向粘性顶部折叠导航栏添加滚动的帮助。

Answer 1

.fixed-top {
  max-height: 100vh;
  overflow: auto;
}

...修复它。但是，它会产生另一个更小的问题:双滚动条。然而，这在手机上不是问题，因为大多数手机只在使用时显示滚动条。 (这只是桌面浏览器上的一个问题，当您在非移动模式下使用非常小的浏览器窗口对其进行测试时)。所以，在实践中，这不是问题 :)。