javascript - vue-router ルートを切り替えるときのスクロールバーの問題

Question

1. vue-routerのscrollBehaviorに出力されるsavedPositionは常にObject {x: 0, y: 0}となる 2. keep-aliveを使用してもスクロールバーの位置は記録できず、自動的に先頭に移動してしまうルート切り替え時 3. window.scrollTo でもジャンプできない

我想大声告诉你 · Answer

質問者のニーズがよくわかりませんが、ページを切り替えたときにドロップダウンバーを先頭に戻さないようにしたいのか、それとも戻るときにプルダウンバーを先頭に戻さないようにしたいのでしょうか?

デフォルトでは、戻ってもドロップダウンバーは元の位置にあることを覚えています

そうでない場合は、ドロップダウンバーが表示される場所が親コンテナー内にあるかどうかを確認できます

実際には機能しません。極端なアプローチは次のようになります
Data に設定しますscrolltop: ""
watch でパスを観察します
スクロールバーが表示されるコンテナのスクロールの高さをコールバック関数で取得して保存し、設定します必要に応じて

怪我咯 · Answer

それは可能です。私の記事を読んでください: Vue.js はページが戻ったときにスクロール位置を簡単に復元できます