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);
|
||||
});
|
||||
|
||||
// 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");
|
||||
let searchTimeout;
|
||||
searchInput?.addEventListener("input", (event) => {
|
||||
|
|
|
|||
|
|
@ -140,6 +140,7 @@ body {
|
|||
padding: 6px 8px;
|
||||
border-radius: 10px;
|
||||
display: block;
|
||||
scroll-margin-top: 1rem;
|
||||
transition:
|
||||
background 0.2s ease,
|
||||
color 0.2s ease;
|
||||
|
|
|
|||
Loading…
Reference in a new issue