[問題] Angular progress bar 動畫問題

General
1

大家好
最近在用angular 開發遇到一個問題

app.component.html:

<router-outlet (activate)="onActivate($event)"></router-outlet>

app.component.ts:

onActivate(event) {
      // scroll to top
      document.getElementsByClassName('content')[0].scrollTo(0, 0);
  }

簡單來說就是要跳頁的時候畫面回到最上面
但在跳頁的時候會發生 progress bar 一開始會從100彈回0的狀況
即使是progress bar數值定死也是一樣
document.getElementsByClassName(‘content’)[0].scrollTo(0, 0) 拿掉後回復正常
請問有人遇到一樣的問題嗎?
找了很舊都沒看到類似的問題
有沒有解決的方法呢?

2

你是想要解決怎樣的問題? 是要回到最上面嗎? 如果是， angular 路由有內建的方法可以用，不需要這樣子寫

https://angular.io/api/router/ExtraOptions#scrollPositionRestoration

3

對只是單純想回到最上面
我的狀況是前一頁很長有往下拉的時候
如果下一頁長度也很長有出現scroll bar
就想回到最上面
所以才用這種寫法
我會再試試你的方法
感謝

不過原本的寫法還是不知道為何會讓動畫顯示錯誤