見出し画像

Angular/一覧スクロール位置を復元する

akimoto

API > @ angular / router ExtraOptions

scrollPositionRestoration ：戻るときにスクロール位置を復元する必要があるかどうかを構成します。
enabled'-後方ナビゲーションで以前のスクロール位置を復元します。アンカーが提供されている場合はその位置をアンカーに設定するか、スクロール位置を[0、0]（前方ナビゲーション）に設定します。このオプションは、将来的にデフォルトになります。
次の例のように、有効な動作を適応させることにより、カスタムスクロール復元動作を実装できます。

class AppModule {
 constructor(router: Router, viewportScroller: ViewportScroller) {
   router.events.pipe(
     filter((e: Event): e is Scroll => e instanceof Scroll)
   ).subscribe(e => {
     if (e.position) {
       // backward navigation
       viewportScroller.scrollToPosition(e.position);
     } else if (e.anchor) {
       // anchor navigation
       viewportScroller.scrollToAnchor(e.anchor);
     } else {
       // forward navigation
       viewportScroller.scrollToPosition([0, 0]);
     }
   });
 }
}

thanks

サポート中のAngularバージョン

バージョン 状態 リリース済み - LTS終了
 11.0.0 LTS 2020年11月11日 - 2022年  5月11日
 10.0.0 LTS 2020年  6月24日 - 2021年12月24日
 9.0.0   LTS 2020年  2月  6日 - 2021年  8月6日
 8.0.0   LTS 2019年  5月28日 - 2020年11月28日
Angularバージョン 4.0.0、 5.0.0、 6.0.0、および 7.0.0はサポートされなくなりました。

by安定版　V11.0.3