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

相关内容

热门资讯

今年以来!xpoker辅助助手... 今年以来!xpoker辅助助手,德普之星辅助软件,竟然是真的有挂(有挂方法)1、操作简单,无需德普之...
科技揭秘!微信牵手跑有没有挂,... 科技揭秘!微信牵手跑有没有挂,牵手游戏辅助,详细教程(有挂实锤)1、下载好微信牵手跑有没有挂脚本下载...
一分钟揭秘!决战卡五星辅助修改... 一分钟揭秘!决战卡五星辅助修改器,小程序蜀山西川血战辅助,详细工具(有挂助手)小程序蜀山西川血战辅助...
总结辅助挂!aapoker插件... 总结辅助挂!aapoker插件,德扑之星辅助器怎么用,原来是真的有挂(有挂总结)1、游戏颠覆性的策略...
盘点十款!潮友会鱼虾蟹脚本辅助... 盘点十款!潮友会鱼虾蟹脚本辅助器,微乐手游辅助脚本平台,详细app(有挂方略)1、潮友会鱼虾蟹脚本辅...
值得注意的是!德州透视hhpo... 值得注意的是!德州透视hhpoker,德扑圈有透视吗,好像是真的有挂(存在有挂)1、玩家可以在德扑圈...
推荐一款!微信小程序辅助app... 推荐一款!微信小程序辅助app下载,欢聚水鱼智能辅助教程,详细方法(有挂详情)1、游戏颠覆性的策略玩...
昨日!aapoker脚本,德普... 昨日!aapoker脚本,德普之星透视辅助,竟然是有挂(揭秘有挂)1、打开软件启动之后找到中间准星的...
一分钟了解!辅助软件购买平台,... 一分钟了解!辅助软件购买平台,东阳四副牌辅助,详细脚本(有挂秘笈)一、辅助软件购买平台游戏安装教程牌...
为了进一步!德普辅助器怎么用,... 为了进一步!德普辅助器怎么用,德扑之星辅助器,好像是有挂(有挂辅助)1、首先打开德普辅助器怎么用辅助...