Scroll TOC list when clicking a letter
This commit is contained in:
parent
180832b84c
commit
9b0debd0ba
2 changed files with 10 additions and 0 deletions
|
|
@ -52,6 +52,15 @@ Array.from(firstByLetter.entries())
|
||||||
tocLetters?.appendChild(link);
|
tocLetters?.appendChild(link);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// scroll TOC list when clicking a letter
|
||||||
|
tocLetters?.addEventListener("click", (e) => {
|
||||||
|
if (e.target.tagName !== "A") return;
|
||||||
|
const href = e.target.getAttribute("href");
|
||||||
|
if (!href) return;
|
||||||
|
const tocLink = tocList?.querySelector(`a[href="${href}"]`);
|
||||||
|
tocLink?.scrollIntoView({ block: "start" });
|
||||||
|
});
|
||||||
|
|
||||||
const searchInput = document.getElementById("toc-search");
|
const searchInput = document.getElementById("toc-search");
|
||||||
let searchTimeout;
|
let searchTimeout;
|
||||||
searchInput?.addEventListener("input", (event) => {
|
searchInput?.addEventListener("input", (event) => {
|
||||||
|
|
|
||||||
|
|
@ -140,6 +140,7 @@ body {
|
||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
display: block;
|
display: block;
|
||||||
|
scroll-margin-top: 1rem;
|
||||||
transition:
|
transition:
|
||||||
background 0.2s ease,
|
background 0.2s ease,
|
||||||
color 0.2s ease;
|
color 0.2s ease;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue