在垂直导航栏内滚动答案

【问题标题】：Scroll inside vertical navigationbar在垂直导航栏内滚动
【发布时间】：2016-09-06 16:28:34
【问题描述】：

我有一个示例 (JSFiddle Example)，如果导航栏的内容被浏览器的屏幕大小截断，我希望导航栏的内容可以滚动。有关当前问题，请参阅 Normal Size 和 Small Size。

如果屏幕尺寸为> 768px，则要求屏幕的左侧部分 (250px) 被导航栏（或任何父级）覆盖。

到目前为止我没有取得任何令人满意的结果，所以我正在寻求帮助！

提前致谢！

CSS

@media (min-width: 768px) 
{
    .sidebar-main.expanded {
        width: 250px;
    }

    .sidebar-main {
        position: fixed;
        height: 100%;
    }

    .sidebar-main .navbar {
        height: 100%;
    }

    .sidebar-main .navbar .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .sidebar-main .navbar-header {
        float: none !important;
    }

    .sidebar-main .navbar-collapse {
        padding: 0px;
        max-height: none;
    }

    .sidebar-main ul {
        float: none;
        &: not {
          display: block;
        }
    }

   .sidebar-main li {
        float: none;
        display: block;
   }
}

【问题讨论】：

忘了说navbar-header不应该和内容一起滚动（位置应该是固定的）

标签： html css twitter-bootstrap less

【解决方案1】：

通过在 Javascript 中手动将高度设置为某个 PX 值来解决此问题，虽然我想避免这种情况，但在我看来这是唯一的解决方案。

【讨论】：