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、微扑克公共底牌简单,微扑克透视插...
总算清楚!德扑圈辅助挂多功能透... 总算清楚!德扑圈辅助挂多功能透视工具,一直有挂(真的有挂)总算清楚!德扑圈辅助挂多功能透视工具,一直...
专业讨论!微扑克辅助挂多功能透... 专业讨论!微扑克辅助挂多功能透视工具,都是是真的有挂(有挂解密)1、玩家可以在微扑克透视最简单三个步...
避坑细节!AAPoKer辅助挂... 避坑细节!AAPoKer辅助挂多功能透视工具,一直有挂(有挂头条)1、让任何用户在无需AAPoKer...
科技新动态!智星菠萝德州辅助挂... 科技新动态!智星菠萝德州辅助挂多功能透视工具,都是是真的有挂(真是有挂)小薇(辅助器软件下载)致您一...
玩家必备教程!AAPoKer辅... 玩家必备教程!AAPoKer辅助挂多功能透视工具,一直存在有挂(存在有挂)1、起透看视 AAPoKe...
技术分享!德扑圈辅助挂多功能透... 技术分享!德扑圈辅助挂多功能透视工具,都是是有挂(有挂透视)一、德扑圈游戏安装教程牌型概率发牌机制”...
我来教教大家!智星菠萝德州辅助... 我来教教大家!智星菠萝德州辅助挂多功能透视工具,切实是真的有挂(有挂详细)1、实时智星菠萝德州透视辅...
推荐十款!德普之星辅助挂多功能... 推荐十款!德普之星辅助挂多功能透视工具,竟然存在有挂(今日头条)德普之星破解侠是真的助透视。每个模型...
三分钟了解!WPK辅助挂多功能... 三分钟了解!WPK辅助挂多功能透视工具,好像存在有挂(有挂详情)WPK辅助器是一种具有地方特色的麻将...