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、玩家可以在微乐四川亲友圈辅...
技术分享!填大坑辅助视频,we... 技术分享!填大坑辅助视频,wepoker辅助器最新版本更新内容,曝光教程(有挂细节)是一款可以让一直...
玩家必看科普!UU Games... 玩家必看科普!UU Games辅助器,wpk透视工作室,2025新版教程(有挂工具);UU Game...
总算清楚!微信老友广东辅助器,... 总算清楚!微信老友广东辅助器,皮皮辅助软件(一贯有挂)1、微信老友广东辅助器模拟器是什么优化,微信老...
科普常识!多乐游戏脚本,约局吧... 科普常识!多乐游戏脚本,约局吧作弊脚本,必胜教程(发现有挂);1.多乐游戏脚本 ai辅助创建新账号,...
我来教大家!老k游戏辅助,苹果... 我来教大家!老k游戏辅助,苹果手机闲逸辅助器(一直真的有挂)运苹果手机闲逸辅助器辅助工具,进入游戏界...
一分钟教会你!仟众部落辅助,微... 一分钟教会你!仟众部落辅助,微信闲来辅助神器app(真是存在有挂);1、完成微信闲来辅助神器app辅...
最新研发!微信江苏小程序游戏破... 最新研发!微信江苏小程序游戏破解器下载,we-poker有人玩吗,爆料教程(揭秘有挂)是一款可以让一...
热点推荐!瑞安玉海楼茶苑辅助器... 热点推荐!瑞安玉海楼茶苑辅助器,hhpoker怎么开透视,曝光教程(有挂解惑);热点推荐!瑞安玉海楼...
总算清楚!乐乐游戏辅助器,鸿狐... 总算清楚!乐乐游戏辅助器,鸿狐拼十辅助(真是真的有挂)1、每一步都需要思考,不同水平的挑战乐乐游戏辅...