Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-23 14:15:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(vue-app): use browser to handle scrolling position on page reload and back-navigation from other sites (#5080)

Browse Source
This commit is contained in:
Alexander Schwartz 2019-02-25 21:04:42 +01:00 committed by pooya parsa
parent 9bf3b32a7b
commit ee87f4ca82
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/vue-app/template/router.js
View File

@ -86,7 +86,21 @@ Vue.use(Router)
const scrollBehavior = <%= serializeFunction(router.scrollBehavior) %> const scrollBehavior = <%= serializeFunction(router.scrollBehavior) %>
<% } else { %> <% } else { %>
if (process.client) { if (process.client) {
window.history.scrollRestoration = 'manual' if ('scrollRestoration' in window.history) {
window.history.scrollRestoration = 'manual'
// reset scrollRestoration to auto when leaving page, allowing page reload
// and back-navigation from other pages to use the browser to restore the
// scrolling position.
window.addEventListener('beforeunload', () => {
window.history.scrollRestoration = 'auto'
})
// Setting scrollRestoration to manual again when returning to this page.
window.addEventListener('load', () => {
window.history.scrollRestoration = 'manual'
})
}
} }
const scrollBehavior = function (to, from, savedPosition) { const scrollBehavior = function (to, from, savedPosition) {
// if the returned position is falsy or an empty object, // if the returned position is falsy or an empty object,