Javascript 当要滚动到顶部的项目是嵌套的最后一个或接近末尾时，scrollTop的行为不稳定

我有一个scrollTop的问题，部分工作，我将试图描述。首先，为了让它工作，我应用了找到的解决方案 我有一个角度组件，它使用*ngFor渲染其中嵌套的角度组件列表。下面是代码段（父项）：

Css代码：

.scrollable {
    max-height: 24rem;
    position: relative;
}

我不太确定这是不是一个与溢出相关的问题。我对此完全感到困惑。 在Stackoverflow中搜索这个非常特殊的问题没有得到任何结果，不管是jquery还是angular，尽管它不适用于我的angular 2场景

我感谢您对此事的任何见解或帮助

scrollToView(accountNumber): void {
    var element = document.getElementById(accountNumber);
    var topPos = element.offsetTop;
    document.getElementById('scrollable-container').scrollTop = topPos - 10;
}

.scrollable {
    max-height: 24rem;
    position: relative;
}