javascript - overflow-y を使用して div 内の要素にスクロールするにはどうすればよいですか

Question

max-height300px に設定された div があるため、そのコンテンツが量を超えるとスクロールバーが表示されます。ここで、ボタンをクリックして、その div 内の要素までスクロールできるようにしたいと考えています。メイン スクロールバーを設定できることはわかっていますが、div コンテナー用に生成されたものを操作できるかどうかはわかりません。

私のHTMLは次のようになります。

<div style="min-height: 300px; max-height: 300px; overflow: hidden" class="card-block pt-0 pb-0">
        <div class="row" style="min-height: 300px; max-height: 300px;">
            <div class="col-5" style="overflow-y: auto; min-height: 300px;border-right: 1px solid rgba(0, 0, 0, 0.125); min-height: 300px; max-height: 300px;">
                <div class="pt-3 pb-3" style=" max-height: 300px;">
                    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
                    <div id="scroll-here">content</div>
                </div>
            </div>
        </div>
    </div>

IDが「scroll-here」のdivにスクロールすることは可能ですか?

それが助けになるなら、私はAngular 5とBootstrap 4を使用しています。