angular - 嵌套的完美滚动条滚动 div 子项和父项

Question

我正在使用ngx-perfect-scrollbar

我在页面上有固定高度的部分。因此，2 个完美的滚动条一个用于页面，另一个用于页面中的部分。

但是当滚动页面的内部部分时（用鼠标单击以测试触摸屏上的滚动）并到达底部或顶部时，页面滚动也会随着部分滚动而滚动。这就是问题所在。

以下是html代码示例：

<perfect-scrollbar>
    <mat-card>
        some contents...
    </mat-card>

    <mat-card>
        <perfect-scrollbar> // when scrolling this, parent scrollbar also scrolling
           list of information....
        </perfect-scrollbar>
    </mat-card>

    <mat-card>
        some contents...
    </mat-card>
</perfect-scrollbar>

让我知道，我怎样才能阻止这种行为？

提前致谢。