如何以角度向下滚动ngOnInit？

Posted 2023-02-22

【中文标题】如何以角度向下滚动ngOnInit？

【英文标题】：How to scroll down on ngOnInit in angular?

【发布时间】：2020-04-15 10:09:28

【问题描述】：

当页面在某些情况下以 Angular 加载时，我想向下滚动到某个部分。

请注意：我想向下滚动而不点击任何内容（例如，ngOnInit）。

我试过这个： 在我的 component.html 文件中

<div #sectionSubscribe>
    html...
</div>

在我的 component.ts 文件中

ngOnInit()
    this.scrollToSubscribe(sectionSubscribe);

scrollToSubscribe($element)
    $element.scrollIntoView(
        behavior: 'smooth',
        block: 'start',
        inline: 'nearest'
    );

但它不允许我这样做。 请帮忙

【问题讨论】：

您尝试过任何代码吗？还是在网上搜索？

@PrashantPimpale 是的，我试过了，但找不到任何东西。他们都是通过点击我不想要的按钮来完成的。

然后发布尝试过的代码，以便有人帮助

试试这个：***.com/questions/39601026/…

【参考方案1】：

试试这样：

@ViewChild("sectionSubscribe",  static: true ) sectionSubscribeDiv: ElementRef;

scrollToSubscribe()
    this.sectionSubscribeDiv.nativeElement.scrollIntoView( behavior: "smooth", block: "start" );

Working Demo