如何在overflow-y div中强制滚动

Question

我正在尝试在包含 ngfor 列表的 div 中强制进行偏移滚动

我在作为overflow-y的div上试过这个：

@ViewChild('list') listRef: ElementRef;

然后点击我用一些日志尝试这个以确保它被调用

this.listRef.nativeElement.offsetTop = 500;

什么都没有发生，知道我怎么能做到这一点吗？

编辑：

HTML：

<div
  #gridContainerId
  class="gridContainer">
  <a *ngFor="let item of images;">
     <img src="{{getImage(item)}}"/>
  </a>
</div>

css：

.gridContainer {
  height: 90vh;
  overflow-y: scroll;
}

组件：

@ViewChild('gridContainerId') ref: ElementRef;

this.store.pipe(
      select(fromImages.getImages),
      takeWhile(() => this.componentActive)
    ).subscribe(imagesItems => {
        this.images = imagesItems;
        updateScroll();
      }
    );

updateScroll(){
  this.ref.nativeElement.scrollTop = this.ref.nativeElement.scrollHeight;
}

Answer 1

我最近在你的同样场景中，当点击某个按钮时，div 滚动到底部，我用这个代码实现了它：

this.messagesContainer.nativeElement.scrollTop = this.messagesContainer.nativeElement.scrollHeight;

属性scrollTop是指定从视图顶部滚动的像素数。
而属性scrollHeight是获取div的总高度。