Jquery 推特引导导航栏菜单滚动

在使用TwitterBootstrap3时，在移动设备菜单上，nabber有水平和真实的滚动条

---

它在

2.3中不存在，我不知道如何禁用它，让菜单项在没有任何滚动条的情况下扩展到完整状态。
这是Bootstrap 3的新功能

最好的方法是删除或注释掉/less/navbar.less中的第52行和第53行：（您可以选择删除第59行）并重新编译bootstrap.less

如果无法使用CodeKit或Grunt之类的工具重新编译引导，则需要在css文档中编写一个媒体查询，以挑出并覆盖.navbar collapse类，可能如下所示：

@media (max-width: 767px) {
   .navbar-collapse {
      max-height: auto;
      overflow-x: auto;
   }
}

我没有实际测试上面的代码——因为我能够重新编译。你可能必须包括！重要信息或类似信息。
这应该可以做到（如果您遵守CSS 3.0规则）

为了删除垂直滚动条，这一点CSS起了作用。我没有水平滚动条

@media (max-width: 767px) {
   .navbar-collapse {
      max-height: none;
   }
}

我自己也遇到了这个

只是绝对位置。导航栏默认值

.navbar collapse div是绝对定位的，您需要将其“附加”到非静态定位的父/祖先元素。所以，我刚才补充说：

.navbar-default {
    position: absolute;
}

不知道Bootstrap4（它刚刚发布了alpha），但这似乎在Bootstrap3NAV中起到了作用。我有一个非常长的导航，现在我可以正确地向下滚动并查看所有导航项。
Boostrap 3.3.4中的另一个解决方案是将以下内容添加到CSS中：

/* No scrolling for collapsed menu */

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

你能发布你的html吗！也
overflow-x：隐藏要终止水平滚动，但在较小的视口上正确渲染时，这样做的副作用是什么？我们是不是在为一台PC优化而忽略了这一点？
/* No scrolling for collapsed menu */

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