前提・実現したいこと
ブラウザバック時に以前のページのスクロール位置情報を保持出来るようにしたいです。
発生している問題・エラーメッセージ
vue.jsでwebページのモジュール化を行っています。 モジュール化自体はほぼほぼ完成し、現在app.jsからダイナミックインポートすることによって、ページの速度改善を図っています。 その際、ファーストビューに入る以外の部品をv-ifで読まないように設定しているのですが、target_blankではないURLに飛んでからブラウザバックして戻ると、ページのスクロール位置が以前の位置情報を読めなくなってしまいました。
該当のソースコード
import 読み込み部品 from vueファイル const ~ダイナミックインポート部品~ =() => import( "~ここに読み込み部品~"); require("./bootstrap"); var app = new Vue({ el: "#app", components: { ~ここに読み込み部品~ }, data() { return{ flag: false, scrollY: 0, }; }, mounted(){ window.addEventListener("scroll", this.handleScroll); }, methods: { handleScroll() { this.scrollY = document.querySelector(".hogehoge").getBoundingClientRect().y; if(this.scrollY !== 0){ this.flag = true; } }, } });
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー