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>

どうすればこの動作を止めることができますか?

前もって感謝します。