Bootstrap 下拉菜单：删除滚动条

Posted 2023-03-06

【中文标题】Bootstrap 下拉菜单：删除滚动条

【英文标题】：Bootstrap DropDown Menu: Remove Scrollbar

【发布时间】：2015-09-26 06:24:41

【问题描述】：

我正在关注GitHub-Repo。

当窗口宽度减小时，导航栏折叠并变为带有滚动条的下拉菜单（用于宽度和高度）。

如何移除这些滚动条？

我尝试添加

.navbar-collapse
max-height:auto;
max-widht:auto;

到我处理折叠大小的 css 文件。

【问题讨论】：

你可以使用overflow: hidden

【参考方案1】：

把你的css改成

.navbar-collapse.in 
overflow: hidden;

Demo

【参考方案2】：

另一种解决方案是将以下内容添加到您的 CSS：

/* No scrolling for collapsed menu */

.navbar-collapse.in 
    overflow: hidden;
    max-height: none !important;
    height: auto !important;

【讨论】：

要摆脱在IE和Edge中打开和关闭下拉菜单后出现的半滚动条，使用.navbar-collapse overflow: hidden !important;

【参考方案3】：

试试这个

.navbar-collapse 
    max-height:100%;