This commit is contained in:
Thomas Chartron 2021-11-13 18:37:43 +01:00
parent 3eca3d43bd
commit 10202cd194
2 changed files with 2 additions and 1 deletions

View file

@ -16,6 +16,7 @@ document.addEventListener("DOMContentLoaded", function() {
let reversed_title_elements = [...page_titles_elements].reverse();
let elem = getActiveTocElement(reversed_title_elements);
console.log(elem)
findCorrespondingTocTitle(elem).classList.add('bg-blue-800') //page load
let previous_elem = elem
// table_of_content_links[0].classList.add('bg-blue-800'); //Page load first element selected

View file

@ -1 +1 @@
function getActiveTocElement(e){return[...e].find(e=>e.getBoundingClientRect().y<0)}function findCorrespondingTocTitle(t){return[...document.querySelectorAll("#toc li a")].find(e=>e.href.substring(e.href.indexOf("#"))==="#"+t.id)}document.addEventListener("DOMContentLoaded",function(){document.getElementById("navbar").clientHeight,document.getElementById("toc");var e=document.querySelectorAll("#toc li a");document.getElementById("page-content");let t=[];[...e].forEach(e=>{t.push(e.href.substring(e.href.indexOf("#")))});e=document.querySelectorAll(t.join(","));console.log(e);let n=[...e].reverse();e=getActiveTocElement(n);findCorrespondingTocTitle(e).classList.add("bg-blue-800");let o=e;window.addEventListener("scroll",()=>{var e=getActiveTocElement(n);console.log("elem",e),console.log("previous",o),e!==o&&(o.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(t){return[...document.querySelectorAll("#toc li a")].find(e=>e.href.substring(e.href.indexOf("#"))==="#"+t.id)}document.addEventListener("DOMContentLoaded",function(){document.getElementById("navbar").clientHeight,document.getElementById("toc");var e=document.querySelectorAll("#toc li a");document.getElementById("page-content");let t=[];[...e].forEach(e=>{t.push(e.href.substring(e.href.indexOf("#")))});e=document.querySelectorAll(t.join(","));console.log(e);let n=[...e].reverse();e=getActiveTocElement(n);console.log(e),findCorrespondingTocTitle(e).classList.add("bg-blue-800");let o=e;window.addEventListener("scroll",()=>{var e=getActiveTocElement(n);console.log("elem",e),console.log("previous",o),e!==o&&(o.classList.remove("bg-blue-800"),findCorrespondingTocTitle(e).classList.add("bg-blue-800"))})});