hamcha/strimertul-website
1
0
Fork 0
mirror of https://git.sr.ht/~ashkeel/strimertul-website synced 2024-11-21 21:22:21 +00:00
Code Activity Actions

glitchier but nicer toc

Browse source
This commit is contained in:
Ash Keel 2023-03-01 14:20:15 +01:00
parent 3ec4a8df68
commit a0fc21db39
No known key found for this signature in database
GPG key ID: BAD8D93E7314ED3E
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
static/script/toc.js
View file

@ -14,16 +14,18 @@ if (toc) {
toc.parentElement.remove(); toc.parentElement.remove();
} else { } else {
const observer = new IntersectionObserver((entries) => { const observer = new IntersectionObserver((entries) => {
const filtered = entries.filter((i) => getId(i.target)); const filtered = entries.filter(
filtered.forEach((entry) => { (i) => getId(i.target) && i.intersectionRatio > 0
const id = getId(entry.target); );
if (id && entry.intersectionRatio > 0) { if (filtered.length > 0) {
toc.querySelector(`li.active`)?.classList.remove("active"); toc.querySelector(`li.active`)?.classList.remove("active");
filtered.forEach((entry) => {
const id = getId(entry.target);
toc toc
.querySelector(`li a[href="#${id}"]`) .querySelector(`li a[href="#${id}"]`)
.parentElement.classList.add("active"); .parentElement.classList.add("active");
} });
}); }
}); });
// Track all sections that have an `id` applied // Track all sections that have an `id` applied