Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-02-17 06:01:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(vue-app): respect scroll-margin-top when navigating with hash (#9187)

Browse Source
This commit is contained in:
Daniel Roe 2021-05-15 12:15:31 +01:00 committed by GitHub
parent 877ebcd3a0
commit 00aeff62e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/vue-app/template/router.scrollBehavior.js
View File

@ -66,9 +66,15 @@ export default function (to, from, savedPosition) {
hash = '#' + window.CSS.escape(hash.substr(1)) hash = '#' + window.CSS.escape(hash.substr(1))
} }
try { try {
if (document.querySelector(hash)) { const el = document.querySelector(hash)
if (el) {
// scroll to anchor by returning the selector // scroll to anchor by returning the selector
position = { selector: hash } position = { selector: hash }
// Respect any scroll-margin-top set in CSS when scrolling to anchor
const y = Number(getComputedStyle(el)['scroll-margin-top']?.replace('px', ''))
if (y) {
position.offset = { y }
}
} }
} catch (e) { } catch (e) {
<%= isTest ? '// eslint-disable-next-line no-console' : '' %> <%= isTest ? '// eslint-disable-next-line no-console' : '' %>