jquery - 仮想スクロール - Angular 7 検索ボックスで指定されたインデックスにスクロールする方法

Question

アコーディオンに仮想スクロールを追加しました。アコーディオンの中にページ番号付きの画像があります。

検索ボックスに値を入力したら、ページ番号が存在する位置までスクロールしたい。

scrollToViewJavaScriptの方法で追加してみました。しかし、すべてのページが DOM への仮想スクロールで同時にレンダリングされるわけではないため、このロジックは機能しませんでした。検索したページにスクロールできる他の方法はありますか。ページは昇順ではなく、順序が異なる場合があることに注意してください。

このビューポートは親コンポーネントにあります。アコーディオンは別の子コンポーネントにあります。

<cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">
  <accordion *cdkVirtualFor="let item of items" class="example-item">{{item}}</accordion>
</cdk-virtual-scroll-viewport>