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。

相关内容

热门资讯

透视肯定!德普之星的辅助工具介... 透视肯定!德普之星的辅助工具介绍(透视)透视挂(切实真的是有挂);1、德普之星的辅助工具介绍系统规律...
透视规律!wepoker有透视... 透视规律!wepoker有透视功能吗(透视)代打辅助(切实有挂);1、在wepoker有透视功能吗a...
透视软件!德普之星透视辅助软件... 透视软件!德普之星透视辅助软件激活码(透视)免费透视(都是存在有挂)1、完成德普之星透视辅助软件激活...
透视透视挂!wepoker透视... 透视透视挂!wepoker透视版下载(透视)免费透视脚本(果然真的有挂);1、上手简单,内置详细流程...
透视了解!wepoker有辅助... 透视了解!wepoker有辅助功能吗(透视)有有挂规律(本来有挂)在进入wepoker有辅助功能吗辅...
透视软件!德普之星透视辅助软件... 透视软件!德普之星透视辅助软件(透视)私人局辅助免费(总是是有挂);该软件可以轻松地帮助玩家将德普之...
透视实锤!WePOker有没有... 透视实锤!WePOker有没有透视方法(透视)可以破解游戏(一贯存在有挂);1、首先打开WePOke...
透视好牌!德普之星怎么设置埋牌... 透视好牌!德普之星怎么设置埋牌(透视)透视(真是有挂)德普之星怎么设置埋牌软件透明挂微扑克wpk插件...
透视规律!wepoker有脚本... 透视规律!wepoker有脚本吗(透视)插件辅助(本来是真的有挂)1、超多福利:超高返利,海量正版游...
透视计算!德普之星有透视辅助吗... 透视计算!德普之星有透视辅助吗(透视)辅助器(确实是真的有挂)1、这是跨平台的德普之星有透视辅助吗黑...