嵌套的完美滚动条滚动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>

请告诉我，如何阻止这种行为？

提前致谢。