mirror of
https://github.com/minio/docs.git
synced 2025-07-27 08:41:57 +03:00
Trying new page structure. See mc-admin-policy
This commit is contained in:
@ -11,9 +11,15 @@ window.addEventListener('DOMContentLoaded', (event) => {
|
||||
console.log("moving local toc");
|
||||
}
|
||||
|
||||
|
||||
// There's probably a better way to refine what sections are shown on screen.
|
||||
// Experimenting with setting the `intersectionRatio` and such tends to stop
|
||||
// this from working, especially if the 'section' is really long. Not sure
|
||||
// how to resolve that.
|
||||
|
||||
let options = {
|
||||
root: document.querySelector('#scrollArea'),
|
||||
rootMargin: '-100px 0px 0px 0px'
|
||||
rootMargin: '-150px 0px -300px 0px'
|
||||
}
|
||||
|
||||
const observer = new IntersectionObserver(entries => {
|
||||
@ -26,20 +32,25 @@ window.addEventListener('DOMContentLoaded', (event) => {
|
||||
return 0
|
||||
if (entry.intersectionRatio > 0) {
|
||||
|
||||
|
||||
pElement = document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement;
|
||||
liElement = document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement.parentElement;
|
||||
|
||||
liElement.classList.add('active');
|
||||
pElement.classList.add('active-p');
|
||||
|
||||
liElementParent = liElement.parentElement.parentElement
|
||||
|
||||
if (liElementParent.tagName == "LI") {
|
||||
liElementParent.classList.remove("active")
|
||||
//liElementParent.classList.remove("active")
|
||||
// Need to re-visit this logic
|
||||
}
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement.parentElement.classList.remove('active');
|
||||
document.querySelector(`#on-this-page li a[href="#${id}"]`).parentElement.classList.remove('active-p');
|
||||
}
|
||||
});
|
||||
},options);
|
||||
|
Reference in New Issue
Block a user