Angular无法在模态中滚动顶部

Question

我的Angular项目中具有以下形式（我在ts文件中添加了jquery导入）：

<style>
    body .ui-dialog .ui-dialog-content {
        overflow-y:scroll; /* I made the scrollbar of modal visible */
    }
</style>

<div id="createForm" class="ui-g-12">
    <div class="ui-g form-group p-justify-between">
        <!-- other stuff -->
    </div>
</div>

我尝试使用先前项目中使用的以下方法，没有任何问题。我试图通过按钮触发此方法，但没有任何意义：

scrollTop() {
    //when I use this it works but scroll the body behind the popup instead of popup
    $('html, body').animate({ scrollTop: $(document).height() }, 'slow');

    //this does not work
    $('html, body').animate({ scrollTop: $('#createForm').offset().top }, 'slow');
}

我应该为Angular做些什么吗？