js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix scroll spy

Browse Source
This commit is contained in:
Konnor Rogers
2023-06-08 12:15:02 -04:00
parent e72c2df6d2
commit 5166964659
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
docs/assets/scripts/docs.js
View File

@@ -190,7 +190,8 @@
// Table of Contents scrollspy
//
(() => {
const links = [...document.querySelectorAll('.content__toc a')];
// This will be stale if its not a function.
const getLinks = () => [...document.querySelectorAll('.content__toc a')];
const linkTargets = new WeakMap();
const visibleTargets = new WeakSet();
const observer = new IntersectionObserver(handleIntersect, { rootMargin: '0px 0px' });
@@ -210,6 +211,7 @@
}
function updateActiveLinks() {
const links = getLinks()
// Find the first visible target and activate the respective link
links.find(link => {
const target = linkTargets.get(link);
@@ -224,13 +226,20 @@
}
// Observe link targets
links.forEach(link => {
const hash = link.hash.slice(1);
const target = hash ? document.querySelector(`.content__body #${hash}`) : null;
function observeLinks () {
getLinks().forEach(link => {
const hash = link.hash.slice(1);
const target = hash ? document.querySelector(`.content__body #${hash}`) : null;
if (target) {
linkTargets.set(link, target);
observer.observe(target);
}
});
if (target) {
linkTargets.set(link, target);
observer.observe(target);
}
});
}
observeLinks()
document.addEventListener("turbo:load", updateActiveLinks)
document.addEventListener("turbo:load", observeLinks)
})();