滚动sidenav时如何防止滚动主要部分

Question

在我的 Angular 应用程序中，我有一个 sidenav 和一个主要部分。我正在寻找的行为是，当我在 sidenav 中滚动时，我不希望在主要部分发生任何滚动。我希望它的行为就像Angular Material Design doc site。

目前发生的情况是，在侧导航中滚动时，一旦我到达底部，它就会开始滚动主导航。

我的困境的 Plunker 演示： http://embed.plnkr.co/hyFPXDHCgJqUcJQ6u29i/preview

我能做些什么来解决这个问题？

Answer 1

你需要检查你的外部文件，大概是引导程序的东西。 删除所有链接并仅使用 style.css 后，以下内容正常工作。请注意，我用 is_right 替换了要测试的右列。

.list-group {
    position: fixed;
    top: 0;
    right: 70%;
    bottom: 0;
    left: 0;
    overflow: auto;
}

.is_right {
    margin-left: 30%;
}