perf(theme): improve scroll behavior (#253)

This commit is contained in:
pengzhanbo 2024-10-04 11:13:36 +08:00 committed by GitHub
parent cd533d6f02
commit 6d918ca7b8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions

View File

@ -4,11 +4,13 @@ import { inBrowser } from '../utils/index.js'
import { useScrollPromise } from './scroll-promise.js'
export function enhanceScrollBehavior(router: Router) {
// handle scrollBehavior with transition
const scrollBehavior = router.options.scrollBehavior!
router.options.scrollBehavior = async (...args) => {
router.options.scrollBehavior = async (to, from, savedPosition) => {
await useScrollPromise().wait()
return scrollBehavior(...args)
if (savedPosition)
return savedPosition
if (to.hash)
return { el: to.hash, top: 64 }
return { top: 0 }
}
router.beforeEach(() => {

View File

@ -47,8 +47,6 @@ export function getPlugins({
activeHeaderLinksPlugin({
headerLinkSelector: 'a.outline-link',
headerAnchorSelector: '.header-anchor',
delay: 200,
offset: 5,
}),
markdownHintPlugin({ hint: true, alert: true, injectStyles: false }),