archive-gh-me/docsify
1
0
Fork 0
mirror of https://github.com/docsifyjs/docsify.git synced 2025-12-08 19:55:52 +00:00
Code Issues Projects Releases Wiki Activity

fix: skip-to-content scroll behavior (#2401)

Browse Source
This commit is contained in:
John Hildenbiddle 2024-04-17 01:58:00 -05:00 committed by GitHub
parent 947d8decb8
commit 2d986feb34
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/core/event/index.js
View File

@ -31,7 +31,7 @@ export function Events(Base) {
// Move focus to content
if (query.id || source === 'navigate') {
this.focusContent();
this.#focusContent();
}
if (loadNavbar) {
@ -139,19 +139,15 @@ export function Events(Base) {
#enableScrollEvent = true;
#coverHeight = 0;
#skipLink(el) {
el = dom.getNode(el);
if (el === null || el === undefined) {
return;
}
dom.on(el, 'click', evt => {
const target = dom.getNode('#main');
#skipLink(elm) {
elm = typeof elm === 'string' ? dom.find(elm) : elm;
elm?.addEventListener('click', evt => {
evt.preventDefault();
target && target.focus();
this.#scrollTo(target);
dom.getNode('main')?.scrollIntoView({
behavior: 'smooth',
});
this.#focusContent({ preventScroll: true });
});
}
@ -177,7 +173,7 @@ export function Events(Base) {
.begin();
}
focusContent() {
#focusContent(options = {}) {
const { query } = this.route;
const focusEl = query.id
? // Heading ID
@ -188,7 +184,7 @@ export function Events(Base) {
dom.find('#main');
// Move focus to content area
focusEl && focusEl.focus();
focusEl && focusEl.focus(options);
}
#highlight(path) {