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()方法来实现。

相关内容

热门资讯

揭秘几款!堆金城陕西辅助器,德... 揭秘几款!堆金城陕西辅助器,德州局怎么透视,2025新版(确实有挂);堆金城陕西辅助器最新版本免费下...
推荐十款!天天贵阳游戏辅助,h... 推荐十款!天天贵阳游戏辅助,hhpoker是正品吗,AI教程(有挂神器);推荐十款!天天贵阳游戏辅助...
科技揭秘!九酷众娱辅助,德州透... 您好,九酷众娱辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款...
总算了解!博乐填大坑有没有bu... 总算了解!博乐填大坑有没有buff,约局吧怎么看有没有挂,辅助教程(有挂猫腻)是一款可以让一直输的玩...
一分钟教你!新超凡大厅辅助,h... 一分钟教你!新超凡大厅辅助,hhpoker可以控制吗,2025教程(有挂功能);是一款可以让一直输的...
一分钟教会你!四川游戏家园通用... 您好,四川游戏家园通用辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩...
推荐攻略!洞庭茶苑辅助,哈糖大... 您好,哈糖大菠萝免费辅助器这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩...
发现一款!博乐填大坑有没有bu... 发现一款!博乐填大坑有没有buff,约局吧怎么看有没有挂,wpk教程(真是有挂);博乐填大坑有没有b...
教学盘点!广西老友玩友破解,w... 教学盘点!广西老友玩友破解,wpk真吗,2025新版技巧(竟然有挂);广西老友玩友破解软件透明挂是一...
今日公布!芒果辅助器,wepo... 今日公布!芒果辅助器,wepoker高级辅助,靠谱教程(有挂细节);芒果辅助器软件透明挂是一个全新上...