滚动粘性导航栏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;
}

...修复它。但是，它会产生另一个较小的问题：双滚动条。但是，这在移动设备上不是问题，因为大多数移动设备仅在使用时显示滚动条。 （当您在非移动模式下使用非常小的浏览器窗口进行测试时，这只是桌面浏览器上的一个问题）。所以，在实践中，这不是问题：）。

Answer 2

我对此有更好的结果：

#nav_collapse {
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch; // mobile safari
    max-height: 90vh;
}

几乎相同，但更加精确