AngularviewportScroller不工作。scrollTop从未改变。只能通过更改URL移动到锚点
创始人
2024-10-29 22:00:47
0

这个问题通常是由于在使用viewportScroller时,没有正确的配置RouterModule或没有正确的导入BrowserAnimationsModule所导致的。以下是一个正确的使用viewportScroller的示例代码:

import { NgModule } from '@angular/core';
import { RouterModule, Routes, Scroll } from '@angular/router';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports: [
    RouterModule.forRoot(routes, {
      scrollPositionRestoration: 'enabled',
      anchorScrolling: 'enabled',
      scrollOffset: [0, 64], // header height
      onSameUrlNavigation: 'reload', // for testing purposes
      scrollRestoration: 'enabled'
    }),
    BrowserAnimationsModule
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {}

这里,我们配置RouterModule和BrowserAnimationsModule以支持viewportScroller。scrollPositionRestoration,anchorScrolling和scrollOffset属性确保router能够正确地滚动到所需的位置。如果您遵循这些步骤仍然遇到问题,您可以尝试使用其他的scroll positioning methods来代替viewportScroller。

相关内容

热门资讯

辅助黑科技!(aapokER)... 辅助黑科技!(aapokER)透明挂辅助app,(AAPOKeR)往昔是真的有挂,攻略教程(有挂辅助...
德州之星辅助!德州辅助分析软件... 这是一款非常优秀的扑克王有没有辅助软件 ia辅助检测软件,能够让你了解到扑克王有没有辅助软件中牌率当...
黑科技透明挂!(WePoke)... 黑科技透明挂!(WePoke)软件透明挂,(WepOke)其实真的有挂,玩家教程(有挂神器);Wep...
德州微扑克辅助!轰趴大菠萝十三... 德州微扑克辅助!轰趴大菠萝十三水辅助,aapoker在哪里下载,AI教程(起初存在有挂);亲真的是有...
黑科技存在!(AApOKER)... 1、黑科技存在!(AApOKER)透明挂辅助软件,(aa扑克)固有真的有挂,教你攻略(有挂方法)。2...
德扑之星辅牌!微扑克wpk安全... 德扑之星辅牌!微扑克wpk安全吗,wepoke软件透明挂视频,2025教程(最初存在有挂);亲真的是...
黑科技攻略!(AAPOker)... 黑科技攻略!(AAPOker)透明挂辅助安装,(AApOKER)确实真的有挂,必备教程(有挂教程)是...
微扑克透牌真假的!线上wpk德... 微扑克透牌真假的!线上wpk德州ai机器人,wpk微扑克俱乐部,玩家教你(一直是有挂);建议优先通过...
辅助黑科技!(德扑ai)外挂辅... 辅助黑科技!(德扑ai)外挂辅助机制,(德扑ai)确实是有挂,规律教程(有挂技巧);原来确实真的有挂...
德州之星插件!nzt德州辅助软... 德州之星插件!nzt德州辅助软件,wepoke德州扑克系统规律,实用技巧(一直是真的有挂)准备好在w...