Как заставить прокрутку в переполнении-y div

Я пытаюсь заставить смещение прокрутки в div, содержащем список ngfor

Я пробовал это на div, который как переполнение-y:

@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;
}