55 lines
1.7 KiB
HTML
55 lines
1.7 KiB
HTML
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
const menuBarHeight = document.querySelector("nav.navbar").clientHeight;
|
||
|
|
const tocItems = document.querySelectorAll(".toc");
|
||
|
|
const navSections = new Array(tocItems.length);
|
||
|
|
|
||
|
|
tocItems.forEach((el, i) => {
|
||
|
|
let id = el.getAttribute("id").substring(5);
|
||
|
|
navSections[i] = document.getElementById(id);
|
||
|
|
})
|
||
|
|
|
||
|
|
function isVisible(tocIndex) {
|
||
|
|
const current = navSections[tocIndex];
|
||
|
|
const next = tocIndex < tocItems.length - 1 ? navSections[tocIndex + 1]
|
||
|
|
: document.querySelectorAll("section.section").item(1);
|
||
|
|
|
||
|
|
const c = current.getBoundingClientRect();
|
||
|
|
const n = next.getBoundingClientRect();
|
||
|
|
const h = (window.innerHeight || document.documentElement.clientHeight);
|
||
|
|
|
||
|
|
return (c.top <= h) && (n.top - menuBarHeight >= 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
function activateIfVisible() {
|
||
|
|
for (b = true, i = 0; i < tocItems.length; i++) {
|
||
|
|
if (b && isVisible(i)) {
|
||
|
|
tocItems[i].classList.add('is-active');
|
||
|
|
b = false;
|
||
|
|
} else
|
||
|
|
tocItems[i].classList.remove('is-active');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var isTicking = null;
|
||
|
|
window.addEventListener('scroll', () => {
|
||
|
|
if (!isTicking) {
|
||
|
|
window.requestAnimationFrame(() => {
|
||
|
|
activateIfVisible();
|
||
|
|
isTicking = false;
|
||
|
|
});
|
||
|
|
isTicking = true;
|
||
|
|
}
|
||
|
|
}, false);
|
||
|
|
|
||
|
|
// If JS enabled, deploy only the current doc menu
|
||
|
|
document.addEventListener("DOMContentLoaded", function() {
|
||
|
|
var menusTriggers = document.getElementsByClassName("deploySubMenu");
|
||
|
|
var activeDocPage = document.getElementsByClassName("activePage")[0];
|
||
|
|
for (var i = 0; i < menusTriggers.length; i++) {
|
||
|
|
menusTriggers[i].checked = true;
|
||
|
|
}
|
||
|
|
activeDocPage.parentElement.parentElement.previousElementSibling.previousElementSibling.checked = false;
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|