在加载iframe后,我想将iframe滚动到底部。
我查看了this,但似乎未分配scrollTop
值,因此iframe没有滚动。
我尝试了ngAfterViewInit
和ngAfterViewChecked
,但是(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