script const nav = document.querySelector('.inline-nav'); const items = document.querySelectorAll('.inline-nav-item'); const observer = new IntersectionObserver( (entries) => { const anyVisible = entries.some(entry => entry.isIntersecting); if (anyVisible) { nav.classList.add('is-visible'); } else { nav.classList.remove('is-visible'); } }, { threshold: 0 } ); items.forEach(item => observer.observe(item)); /script style .inline-nav { xopacity: 0; xpointer-events: none; transition: opacity 0.3s ease; } .inline-nav.is-visible { opacity: 1; pointer-events: auto; position:fixed;z-index:99999 !important;top:100px; } /style