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

相关内容

热门资讯

玩家必备教程!小闲川南宜宾辅助... 玩家必备教程!小闲川南宜宾辅助器,微信呢小程序辅助器脚本,详细软件(有挂透明挂)1、首先打开微信呢小...
昨日!hh poker软件,德... 昨日!hh poker软件,德普之星私人局透视,好像存在有挂(有挂方式)1、每一步都需要思考,不同水...
传递经验!随意玩俱乐部辅助,晃... 传递经验!随意玩俱乐部辅助,晃晃游戏辅助下载,详细插件(有挂助手)1、这是跨平台的随意玩俱乐部辅助轻...
有玩家发现!悦扑克脚本,智星德... 有玩家发现!悦扑克脚本,智星德州可以透视吗,其实是真的有挂(有挂教学)1、这是跨平台的智星德州可以透...
玩家必看科普!多乐找刺激脚本,... 玩家必看科普!多乐找刺激脚本,闲聚鱼虾蟹软件脚本辅助器,详细app(有挂讲解)1、闲聚鱼虾蟹软件脚本...
据悉!德普之星怎么开辅助,德普... 据悉!德普之星怎么开辅助,德普之星透视辅助,原来是有挂(确实有挂)进入游戏-大厅左侧-新手福利-激活...
记者发布!微乐老友广东辅助器,... 记者发布!微乐老友广东辅助器,哥哥打大a外挂,详细神器(有挂方针)1、微乐老友广东辅助器脚本辅助下载...
截至目前!poker红龙辅助,... 截至目前!poker红龙辅助,德普之星私人局辅助免费,竟然是有挂(有挂秘诀)1、完成德普之星私人局辅...
一分钟教会你!来来拼十辅助免费... 一分钟教会你!来来拼十辅助免费下载,多乐跑辅助,详细教程(有挂技巧)1、打开软件启动之后找到中间准星...
近期!pokemmo手机版透视... 近期!pokemmo手机版透视脚本,德普辅助软件,一直确实有挂(揭秘有挂)在进入德普辅助软件软件靠谱...