Bootstrap 4-左侧导航栏-使其单独滚动

Question

在此站点上：http://webapplayers.com/inspinia_admin-v2.9.3/

如何修改html / css，以使页面左侧的导航栏与页面其余部分分开滚动？当页面的主要内容正在滚动时，我不希望左侧导航栏移动。

我曾尝试将position: fixed添加到nav class="navbar-default navbar-static-side"元素，但这会导致所有主要内容在导航栏的左侧移动。

谢谢！

Answer 1

您可以将以下CSS应用于左侧导航栏。

.left-side-navbar{
    height: 100vh;
    overflow-y: scroll;
}