Angular 4滚动到页面底部列表中的元素

Question

我有* ngFor列表，其中包含可滚动div中的项目，按下键我正在选择项目，我想要实现的只是当我在页面底部时我想滚动div。

message.component.html

<div class="message-list" tabindex="0"
     *ngFor="let message of messages;  let i=index" id="{{i}}"
     [ngClass]="{'message-list-active': activeIndex === i  }>
  message
</div>

message.component.ts

if (event.key === "Down"  && this.activeIndex < this.messages.length - 1) {
  this.activeIndex++
  let str = this.activeIndex
  var elmnt = document.getElementById(str.toString());
  elmnt.scrollIntoView();
}

问题是当我点击时它滚动，但我需要它只在我位于页面底部时滚动。 我得到了scrollIntoViewIfNeeded的行为，它工作得很完美，但IE中不支持scrollIntoViewIfNeeded，所以看起来需要使用scrollIntoView

scrollList