let lastScrollTop = 0; const els = document.querySelectorAll( '[data-id="6923442884ab0b2b96ebcad6"], [data-id="692344276c8bca1f39a6bc6a"], [data-id="69234518ea03b2fd2578681e"]' ); window.addEventListener("scroll", function () { const scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > lastScrollTop) { // Scroll down → move all elements up els.forEach(el => { el.style.transform = "translateY(-200px)"; }); } else { // Scroll up → move them back down els.forEach(el => { el.style.transform = "translateY(0)"; }); } lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; });