良い感じに

This commit is contained in:
syuilo 2020-02-12 05:21:08 +09:00
parent 2a7d4ee866
commit 3f749c6540
1 changed files with 6 additions and 1 deletions

View File

@ -62,11 +62,16 @@ export const router = new VueRouter({
], ],
// なんかHacky // なんかHacky
// 通常の使い方をすると scroll メソッドの behavior を設定できないため、自前で window.scroll するようにする // 通常の使い方をすると scroll メソッドの behavior を設定できないため、自前で window.scroll するようにする
// setTimeout しないと、アニメーション(トランジション)の関係でうまく動かない
scrollBehavior(to) { scrollBehavior(to) {
window._scroll = () => { // さらにHacky window._scroll = () => { // さらにHacky
if (to.name === 'index') { if (to.name === 'index') {
window.scroll({ top: indexScrollPos, behavior: 'instant' }); window.scroll({ top: indexScrollPos, behavior: 'instant' });
const i = setInterval(() => {
window.scroll({ top: indexScrollPos, behavior: 'instant' });
}, 10);
setTimeout(() => {
clearInterval(i);
}, 500);
} else { } else {
window.scroll({ top: 0, behavior: 'instant' }); window.scroll({ top: 0, behavior: 'instant' });
} }