スクロールの振る舞い | Vue Router

クライアントサイドのルーティングを使っている時に、新しいルートに対してスクロールをトップへ移動させたいかもしれません、もしくは実際のページリロードがしているように history 要素のスクロールポジションを保持したいこともあるかもしれません。 vue-router ではこれらをさらによく実現できます。ルートナビゲーションにおけるスクロールの挙動を完全にカスタマイズすることができます。 注意: この機能は ブラウザが history.pushState をサポートしている場合のみ動作します。 ルーターインスタンスを作る時に、 scrollBehavior 関数を提供できます。 const router = new VueRouter({ routes: [...], scrollBehavior (to, from, savedPosition) { // 望みのポジションを返す } })

[nilab]

「クライアントサイドのルーティングを使っている時に、新しいルートに対してスクロールをトップへ移動させたいかもしれません」「ルーターインスタンスを作る時に、 scrollBehavior 関数を提供できます」

[syonx]

“注意: この機能は HTML5 history モードでのみ動作します。”