如何在angular中向下滚动ngOnInit?

机动性

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

请注意:我想向下滚动而不单击任何东西(即ngOnInit)。

我试过了:在我的component.html文件中

<div #sectionSubscribe>
    HTML...
</div>

在我的component.ts文件中

ngOnInit(){
    this.scrollToSubscribe(sectionSubscribe);
}
scrollToSubscribe($element){
    $element.scrollIntoView({
        behavior: 'smooth',
        block: 'start',
        inline: 'nearest'
    });
}

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

阿德里塔·沙玛(Adrita Sharma)

尝试这样:

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

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

工作演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Angular 4中实现向下滚动分页

如何在iftop中向下滚动?

如何在侧边菜单中向下滚动

如何在 Angular 中单击按钮时将嵌套滚动条向下滚动到嵌套滚动 div 的底部

如何在可滚动 <div> 中激活向下滚动按钮

如何在JavaFX中的ScrollPane中禁用向下滚动?

在Bootstrap中向下滚动时如何在顶部附加div

如何在本机反应中向下滚动特定值?

如何在div中自动向下滚动?

如何在EFI Shell中向上和向下滚动

如何在我的页面中自动向下滚动?

如何在div中自动向下滚动添加的内容?

在Angular中向下滚动时如何使组件消失?

在Recyclerview中如何在向上滚动时显示Snackbar,在向下滚动时如何退出

如何在具有溢出滚动的div中向下滚动时播放视频

如何在Angular 2中再次调用ngOnInit()?

如何在 Angular 的 ngOnInit 中调用参数化方法?

如何在Jasmine和Angular中测试ngOnInit的代码逻辑

在 Angular 中向下滚动 div 动画

如何逐步在Python Selenium中向下滚动

如何向下滚动 Tab Fragment 中的 webview

如何在Angular中自动滚动?

如何在Angular的滚动中添加类

如何在Angular中动态滚动<textarea>?

如何在不使用JavascriptExecutor的情况下在网页中向下/向上滚动

如何在Dart中禁止ListView的向上/向下滚动动画

如何在14秒内向下滚动jQuery中的页面

如何在Webview中向下滚动时隐藏ActionBar /工具栏

如何在向下钻取图表中删除滚动条