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

相关内容

热门资讯

2024教程!顶级娱乐辅助器功... 2024教程!顶级娱乐辅助器功能app,顶级娱乐竟然是真的有辅助器app1、每一步都需要思考,不同水...
玩家亲测!兴动游戏透视功能ap... 玩家亲测!兴动游戏透视功能app,兴动游戏好像是真的有透视app一、兴动游戏可以开透视的定义与意义1...
关于!586娱乐开挂功能脚本,... 关于!586娱乐开挂功能脚本,586娱乐好像真的有开挂脚本1、玩家可以在586娱乐线上大神俱乐部对游...
一分钟教会你!丰城麻将辅助器功... 一分钟教会你!丰城麻将辅助器功能脚本,丰城麻将总是真的是有辅助器脚本一分钟教会你!丰城麻将辅助器功能...
程序员教你!宝宝浙江麻将透视功... 程序员教你!宝宝浙江麻将透视功能插件,宝宝浙江麻将竟然是有透视插件1、宝宝浙江麻将公共底牌简单,宝宝...
专业讨论!铭豪汇辅助器功能技巧... 专业讨论!铭豪汇辅助器功能技巧,铭豪汇好像存在有辅助器技巧1、完成铭豪汇辅助器v3.3的残局,帮助玩...
必知教程!众乐联盟辅助器功能a... 必知教程!众乐联盟辅助器功能app,众乐联盟都是存在有辅助器app1、超多福利:超高返利,海量正版游...
必看攻略!蘑菇云棋牌透视功能a... 必看攻略!蘑菇云棋牌透视功能app,蘑菇云棋牌好像真的有透视app1、每一步都需要思考,不同水平的挑...
今日重大通报!盛元游戏透视功能... 今日重大通报!盛元游戏透视功能工具,盛元游戏总是是有透视工具1、很好的工具软件,可以解锁游戏的盛元游...
玩家必看科普!天天九州麻将开挂... 玩家必看科普!天天九州麻将开挂功能插件,天天九州麻将竟然是真的有开挂插件1、天天九州麻将免费脚本咨询...