为什么未分配scrollTop值且iframe不滚动?

时间:2018-10-06 11:58:17

标签: javascript angular iframe

在加载iframe后,我想将iframe滚动到底部。

我查看了this,但似乎未分配scrollTop值,因此iframe没有滚动。

我尝试了ngAfterViewInitngAfterViewChecked,但是(load)也触发了该方法,因此这里没有问题。

这就是我得到的:

HTML:

<iframe #myFrame [src]="url" (load)="scrollToBottom()"></iframe>

TypeScript:

@ViewChild('myFrame') private myScrollContainer: ElementRef;

scrollToBottom(): void {
  const nativeElement = this.myScrollContainer.nativeElement;
  console.log(nativeElement.scrollTop, nativeElement.scrollHeight);
  nativeElement.scrollTop = nativeElement.scrollHeight;
  console.log(nativeElement.scrollTop, nativeElement.scrollHeight);
}

输出是:

0 403
0 403

0 个答案:

没有答案