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

Question

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

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

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

我该怎么做才能解决这个问题？

Answer 1

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

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

.is_right {
    margin-left: 30%;
}