mirror of
https://github.com/tchartron/blow
synced 2024-11-23 21:03:16 +00:00
update
This commit is contained in:
parent
66e2761736
commit
9a3ce514b9
2 changed files with 2 additions and 1 deletions
|
@ -32,6 +32,7 @@ document.addEventListener("DOMContentLoaded", function() {
|
|||
if (element !== previous_elem) {
|
||||
findCorrespondingTocTitle(previous_elem).classList.remove('bg-blue-800')
|
||||
findCorrespondingTocTitle(element).classList.add('bg-blue-800')
|
||||
previous_elem = elem
|
||||
}
|
||||
})
|
||||
|
||||
|
|
|
@ -1 +1 @@
|
|||
function getActiveTocElement(e){return[...e].find(e=>e.getBoundingClientRect().y<=0)}function findCorrespondingTocTitle(n){return[...document.querySelectorAll("#toc li a")].find(e=>e.href.substring(e.href.indexOf("#"))==="#"+n.id)}document.addEventListener("DOMContentLoaded",function(){document.getElementById("navbar").clientHeight,document.getElementById("toc");var e=document.querySelectorAll("#toc li a");document.getElementById("page-content");let n=[];[...e].forEach(e=>{n.push(e.href.substring(e.href.indexOf("#")))});const t=document.querySelectorAll(n.join(","));console.log(t);let o=[...t].reverse();e=getActiveTocElement(o)||t[0];console.log(e),findCorrespondingTocTitle(e).classList.add("bg-blue-800");let l=e;window.addEventListener("scroll",()=>{var e=getActiveTocElement(o)||t[0];console.log("element",e),console.log("previous",l),e!==l&&(findCorrespondingTocTitle(l).classList.remove("bg-blue-800"),findCorrespondingTocTitle(e).classList.add("bg-blue-800"))})});
|
||||
function getActiveTocElement(e){return[...e].find(e=>e.getBoundingClientRect().y<=0)}function findCorrespondingTocTitle(n){return[...document.querySelectorAll("#toc li a")].find(e=>e.href.substring(e.href.indexOf("#"))==="#"+n.id)}document.addEventListener("DOMContentLoaded",function(){document.getElementById("navbar").clientHeight,document.getElementById("toc");var e=document.querySelectorAll("#toc li a");document.getElementById("page-content");let n=[];[...e].forEach(e=>{n.push(e.href.substring(e.href.indexOf("#")))});const t=document.querySelectorAll(n.join(","));console.log(t);let o=[...t].reverse(),l=getActiveTocElement(o)||t[0];console.log(l),findCorrespondingTocTitle(l).classList.add("bg-blue-800");let c=l;window.addEventListener("scroll",()=>{var e=getActiveTocElement(o)||t[0];console.log("element",e),console.log("previous",c),e!==c&&(findCorrespondingTocTitle(c).classList.remove("bg-blue-800"),findCorrespondingTocTitle(e).classList.add("bg-blue-800"),c=l)})});
|
Loading…
Reference in a new issue