Add scroll to top left behavior
This commit is contained in:
parent
d2bfa0dc3c
commit
aab907dd15
|
@ -239,4 +239,8 @@ export default new Router({
|
||||||
fallback: true,
|
fallback: true,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
scrollBehavior(to, from, savedPosition) {
|
||||||
|
// Scroll to top left on route change
|
||||||
|
return { x: 0, y: 0 };
|
||||||
|
},
|
||||||
})
|
})
|
||||||
|
|
|
@ -54,7 +54,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -66,7 +66,7 @@ export default {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -69,7 +69,7 @@ export default {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -1145,7 +1145,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -69,7 +69,7 @@ export default {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -61,7 +61,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -76,7 +76,7 @@ export default {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -92,7 +92,7 @@ export default {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -113,7 +113,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -61,7 +61,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -92,7 +92,7 @@ export default {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -80,7 +80,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -165,7 +165,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -85,7 +85,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -116,7 +116,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -143,7 +143,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -149,7 +149,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -76,7 +76,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -82,7 +82,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -94,7 +94,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -107,7 +107,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -157,7 +157,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -105,7 +105,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -129,7 +129,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -352,7 +352,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -117,7 +117,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -99,7 +99,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -113,7 +113,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -117,7 +117,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -83,7 +83,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -88,7 +88,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -65,7 +65,7 @@ export default {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -72,7 +72,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -71,7 +71,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -779,7 +779,7 @@ export default {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
box-shadow: 5px 5px 10px 0px #d4d4d4;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -313,7 +313,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -58,7 +58,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
|
@ -75,7 +75,7 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overflow-x: hidden;
|
/* overflow-x: hidden; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
Loading…
Reference in a new issue