adrien-payet/actuel-inactuel
1
0
Fork 0
Code Issues 16 Pull requests Projects Releases Packages Wiki Activity Actions

implémentation de la toc complete pour linear

Browse source
This commit is contained in:
antonin gallon 2026-02-17 17:32:27 +01:00
parent 0de3b29e8b
commit d51fc592ed
10 changed files with 125 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

33
assets/js/script.js
View file

@ -69,9 +69,13 @@ function toggleLogoState() {
}
function toggleFooterState() {
if (scrollY > 90) {
document.querySelector(".open-nav-wrapper").classList.remove("hidden");
document.querySelectorAll(".open-nav-wrapper").forEach(element => {
element.classList.remove("hidden");
});
} else {
document.querySelector(".open-nav-wrapper").classList.add("hidden");
document.querySelectorAll(".open-nav-wrapper").forEach(element => {
element.classList.add("hidden");
});
}
}
@ -125,12 +129,16 @@ function subscribe(event) {
}
}
const panelNav = document.querySelector(".panel");
const panelsNav = document.querySelectorAll(".panel");
const panelNavText = document.querySelector(".panel-text");
const panelNavToc = document.querySelector(".panel-toc");
const navOverlay = document.querySelector("#nav-overlay");
const openNavBtns = document.querySelectorAll("button.open-nav");
const closeNavBtn = document.querySelector(".panel-close");
const closeNavBtns = document.querySelectorAll(".panel-close");
function closeNav() {
panelNav.classList.remove("panel--visible");
panelsNav.forEach(element => {
element.classList.remove("panel--visible");
});
navOverlay.classList.remove("nav-overlay--visible");
document.body.classList.remove("no-scroll");
}
@ -194,15 +202,22 @@ document.addEventListener("DOMContentLoaded", () => {
});
openNavBtns.forEach((openNavBtn) => {
openNavBtn.addEventListener("click", () => {
panelNav.classList.add("panel--visible");
openNavBtn.addEventListener("click", (event) => {
target = event.currentTarget;
if(target.classList.contains("open-nav_text")){
panelNavText.classList.add("panel--visible");
}else if(target.classList.contains("open-nav_toc")){
panelNavToc.classList.add("panel--visible");
}
navOverlay.classList.add("nav-overlay--visible");
document.body.classList.add("no-scroll");
});
});
closeNavBtn.addEventListener("click", () => {
closeNav();
closeNavBtns.forEach(element => {
element.addEventListener("click", () => {
closeNav();
});
});
navOverlay.addEventListener("click", () => {
closeNav();