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

相关内容

热门资讯

第十分钟带你了解!518互游辅... 第十分钟带你了解!518互游辅助(透视挂)玩家必看科普外挂开挂辅助软件(果然是有挂的)>>您好:软件...
教程辅助"超圣大厅黑... 教程辅助"超圣大厅黑科技"开挂(透视)辅助安装(其实确实有挂的)-哔哩哔哩;超圣大厅黑科技软件透视开...
今日重大通报"小程序... 今日重大通报"小程序能不能开挂"开挂(透视)辅助软件(其实是有挂的)-哔哩哔哩;相信小伙伴都知道这个...
第2分钟带你了解!花花生后圈开... 第2分钟带你了解!花花生后圈开挂(辅助挂)重大通报外挂开挂辅助神器(原来是有挂);无需打开直接搜索加...
大家学习交流"天天爱... 大家学习交流"天天爱消除手机版辅助"开挂(透视)辅助下载(一贯确实是有挂的)-哔哩哔哩;天天爱消除手...
六分钟带你了解!决胜游戏辅助(... 六分钟带你了解!决胜游戏辅助(透视挂)推荐一款外挂开挂辅助脚本(其实是有挂);无需打开直接搜索微信(...
玩家必看攻略"圣游科... 玩家必看攻略"圣游科技辅助器"开挂(透视)辅助下载(一贯是真的有挂)-哔哩哔哩;1、让任何用户在无需...
7分钟带你了解!丽水都莱破解器... 7分钟带你了解!丽水都莱破解器是真的(辅助挂)科技揭秘外挂开挂辅助平台(一贯有挂);无需打开直接搜索...
透视好牌"微乐陕西小... 透视好牌"微乐陕西小程序破解版下载"开挂(透视)辅助下载(一直确实是有挂的)-哔哩哔哩;相信小伙伴都...
三分钟带你了解!奇迹陕西挂(辅... 三分钟带你了解!奇迹陕西挂(辅助挂)热点推荐外挂开挂辅助插件(其实真的是有挂);1、不需要AI权限,...