Bootstrap 4中sticky-top导航栏的滚动

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，您就会看到效果。 我需要帮助在粘性顶部折叠导航栏上添加滚动条。

- nightspite

---

你做了什么？展示一下你的代码，或者解释一下你解决这个问题的想法。 - Mario Junior Torres Perez

Answer 1

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

...修复了这个问题。但是，这又引发了另一个小问题：出现了双重滚动条。然而，在移动设备上并不会出现这个问题，因为大多数移动设备只在使用滚动条时才显示它。 （仅在桌面浏览器上出现问题，当您将浏览器窗口设置得非常小，并处于非移动模式时进行测试）。因此，实际上，这并不是问题 :）。

- tao

---

我认为这会有所帮助，我会尝试一下，而且它只会在手机上运行，所以不是问题，谢谢您的回答。 - nightspite

@xfsociety1337，我建议我们不要使用那些类似于“该死”的词汇，这样会让人感觉像是在宣扬某种教派。我们最好还是使用技术术语。 - tao

Answer 2

我用这个更好：

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

它几乎相同但更加精确。

- chefjuanpi