【问题标题】:Bootstrap DropDown Menu: Remove ScrollbarBootstrap 下拉菜单:删除滚动条
【发布时间】:2015-09-26 06:24:41
【问题描述】:

我正在关注GitHub-Repo

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

如何移除这些滚动条?

我尝试添加

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

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

【问题讨论】:

  • 你可以使用overflow: hidden

标签: css twitter-bootstrap drop-down-menu scrollbar collapse


【解决方案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%;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-12-29
      • 2013-03-01
      • 2018-05-18
      • 1970-01-01
      • 2016-12-16
      • 1970-01-01
      • 2021-01-07
      • 2019-02-27
      相关资源
      最近更新 更多