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、起透看视 微乐小...
总算了解!微乐小程序辅助工具,... 总算了解!微乐小程序辅助工具,收i就微乐小程序游戏破解器-果然是有辅助脚本(今日头条)1、这是跨平台...
推荐一款!微信小程序微乐辅助免... 推荐一款!微信小程序微乐辅助免费,微乐自建房免费辅助入口在哪里-真是是真的有辅助器(真的有挂)进入游...
1.9分钟了解!微乐手游辅助脚... 1.9分钟了解!微乐手游辅助脚本平台,微乐小程序晃晃脚本-果然真的有辅助攻略(有挂详细)微乐手游辅助...
必知教程!微乐小程序游戏破解器... 必知教程!微乐小程序游戏破解器,微乐小程序免费黑科技5个玩家常用方法-原来真的有辅助攻略(揭秘有挂)...
科普常识!微信小程序微乐辅助器... 科普常识!微信小程序微乐辅助器,微乐斗地主有挂吗-总是是有辅助方法(有挂解惑)在进入微信小程序微乐辅...
重大发现!微乐小程序辅助工具,... 重大发现!微乐小程序辅助工具,微乐房间辅助工具在哪下载-一贯是真的有辅助方法(有挂教学)微乐小程序辅...
最新通报!微乐小程序家乡自建房... 最新通报!微乐小程序家乡自建房辅助app,微乐如何自己建脚本-原来真的有辅助插件(有挂解密)1、不需...