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

相关内容

热门资讯

玩家必备科普!wepoker俱... 玩家必备科普!wepoker俱乐部辅助,aapoker破解侠是真的吗,AI教程(有挂神器)这是由厦门...
重大通报!wpk私人辅助,po... 重大通报!wpk私人辅助,pokemmo脚本辅助器下载,2025新版总结(有挂技巧)是一款可以让一直...
避坑细节!wepokerplu... 避坑细节!wepokerplus开挂,wpk安卓下载辅助,黑科技教程(有挂辅助)1、玩家可以在wpk...
我来教教你!竞技联盟透视,红龙... 我来教教你!竞技联盟透视,红龙poker辅助平台,揭秘教程(有挂透视)是一款可以让一直输的玩家,快速...
一分钟了解!wpk透视辅助下载... 一分钟了解!wpk透视辅助下载,xpoker辅助助手,黑科技教程(有挂攻略);wpk透视辅助下载软件...
分辨真假!wepoker是不是... 分辨真假!wepoker是不是有人用挂,wepoker破解器激活码,安装教程(有挂攻略);小薇(透视...
总算了解!wpk免费辅助,aa... 总算了解!wpk免费辅助,aapoker辅助器是真的吗,力荐教程(有挂技巧);大神普及一款德州ai内...
重大推荐!wepoker透视最... 重大推荐!wepoker透视最简单三个步骤,wepoker辅助器下载,德州教程(有挂透明);小薇(透...
一分钟揭秘!hhpoker是正... 一分钟揭秘!hhpoker是正规的吗,wepoker怎么挂底牌,可靠教程(有挂透明)科技教程也叫必备...
实测交流!wepoker怎么看... 实测交流!wepoker怎么看底牌,wepoker破解是真的还是假的,2025新版教程(有挂方法);...