AngularViewportScroller在Angular14版本中不起作用。
创始人
2024-10-29 22:00:51
0次

在Angular 14中,ViewportScroller的使用方式略有不同。在使用ViewportScroller.scrollToPosition()之前,需要先在构造函数中声明ViewportScroller依赖注入。以下是示例代码:

import { Component, OnInit } from '@angular/core'; import { ViewportScroller } from '@angular/common';

@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponent implements OnInit {

constructor(private viewportScroller: ViewportScroller) { }

ngOnInit() { }

scrollToTop() { this.viewportScroller.scrollToPosition([0, 0]); }

}

在上面的示例中,ViewportScroller注入到了组件的构造函数中。scrollToTop()方法会使用ViewportScroller.scrollToPosition()方法来将滚动条的位置滚动到顶部。

请注意,如果要使用scrollToPosition()方法来滚动到一个元素,可以将ViewportScroller作为依赖注入,并使用scrollToAnchor()方法来实现。

相关内容

热门资讯

一分钟快速了解辅助器!海神众娱... 一分钟快速了解辅助器!海神众娱ai智能辅助器教程,海神众娱怎么开挂秘籍(本来发现有挂)该软件可以轻松...
揭秘攻略透视挂!亚金方乐ai智... 揭秘攻略透视挂!亚金方乐ai智能透视挂工具,亚金方乐透视挂件大纲(果然发现有挂)1、实时亚金方乐透视...
科普攻略辅助挂!博奇互娱ai智... 科普攻略辅助挂!博奇互娱ai智能辅助挂软件,博奇互娱透视挂软件攻略(总是有挂辅助)1、任何博奇互娱透...
终于知道透视挂!飞鹰ai智能透... 终于知道透视挂!飞鹰ai智能透视挂软件,飞鹰科技透视阶段(原来发现有挂)在进入飞鹰软件靠谱后,参与本...
目前透视!海熊大厅ai智能透视... 目前透视!海熊大厅ai智能透视插件,海熊大厅软件下载阶段(竟然有挂猫腻)1)海熊大厅有没有挂:进一步...
新手必备透视!聚享娱乐ai智能... 新手必备透视!聚享娱乐ai智能透视插件,聚享娱乐透视挂软件手筋(都是发现有挂)一、聚享娱乐可以开透视...
教程辅助辅助挂!珍珠大厅ai智... 教程辅助辅助挂!珍珠大厅ai智能辅助挂工具,珍珠大厅透视是真的吗经验(果然发现有挂)1、让任何用户在...
重大通报透视挂!红桃众娱ai智... 重大通报透视挂!红桃众娱ai智能透视挂软件,红桃众娱到底有挂吗要领(果然发现有挂)1、红桃众娱辅助器...
总算了解透视!天玖大厅ai智能... 总算了解透视!天玖大厅ai智能透视教程,天玖大厅是不是有挂讲义(一直发现有挂)一、天玖大厅游戏安装教...
揭秘开挂!新飞驰娱乐ai智能开... 揭秘开挂!新飞驰娱乐ai智能开挂软件,新飞驰娱乐究竟有没有挂绝活儿(真是有挂技术)1、首先打开新飞驰...