在Angular应用程序中未设置scrollTop

Question

我有一个名为#taget

的div

   <div class="col-md-10 col-xs-10">
     <div class="quantity-buttons"  #target>
      ....

在代码中我像这样反对它

 @ViewChild('target') target; 

在按钮上单击我试图将scrollTop属性设置为某个值。

 this.target.nativeElement.scrollTop  = 200;

但没有效果。我可以在执行上面一行代码之前和之后看到scrollTop = 0。

Answer 1

试试这个

@ViewChild('target') public myScrollContainer: ElementRef;

然后，

let nativeElement = this.myScrollContainer.nativeElement;
nativeElement.scrollTop = 200;