Request a Truck : Move Anything, Anywhere On Your Terms .

document.addEventListener('DOMContentLoaded', function() { const tabNav = document.querySelector('.lqd-tabs-nav'); if (!tabNav) return; const truck = document.createElement('div'); truck.className = 'persistent-shipper-truck'; tabNav.appendChild(truck); const tabs = Array.from(tabNav.querySelectorAll('li')); // --- SETTINGS --- const tuningOffset = 45; const autoplaySpeed = 4000; // ---------------- let currentIndex = 0; let autoplayTimer; // --- THE MENU FIX: Silence the robot clicks --- // This stops the fake clicks from bubbling up to your header menu tabNav.addEventListener('click', function(e) { if (!e.isTrusted) { e.stopPropagation(); } }); // ---------------------------------------------- function moveTruck(targetTab) { const tabLeftPosition = targetTab.offsetLeft; const targetPosition = tabLeftPosition + tuningOffset; truck.style.left = targetPosition + 'px'; } function goToNextTab() { currentIndex++; if (currentIndex >= tabs.length) { currentIndex = 0; } const nextTab = tabs[currentIndex]; const triggerLink = nextTab.querySelector('a'); // --- THE NUCLEAR ANTI-JUMP FIX --- // 1. Snapshot exact position const currentScrollX = window.scrollX; const currentScrollY = window.scrollY; // 2. Temporarily kill CSS smooth scrolling const htmlStyle = document.documentElement.style.scrollBehavior; document.documentElement.style.scrollBehavior = 'auto'; // 3. Temporarily remove the anchor link to prevent native browser jumps let originalHref = null; if (triggerLink && triggerLink.hasAttribute('href')) { originalHref = triggerLink.getAttribute('href'); triggerLink.removeAttribute('href'); } // 4. Simulate click and immediately remove "focus" so the browser doesn't try to look at it if (triggerLink) { triggerLink.click(); triggerLink.blur(); } else { nextTab.click(); } // 5. Put the anchor link back instantly if (originalHref) { triggerLink.setAttribute('href', originalHref); } // 6. Lock scroll instantly window.scrollTo(currentScrollX, currentScrollY); // 7. Lock scroll AGAIN after 50ms to override any delayed Elementor/Theme JS that tries to scroll setTimeout(function() { window.scrollTo(currentScrollX, currentScrollY); // Restore smooth scrolling for the rest of the site document.documentElement.style.scrollBehavior = htmlStyle; }, 50); // --------------------------------- moveTruck(nextTab); } function startAutoplay() { clearInterval(autoplayTimer); autoplayTimer = setInterval(goToNextTab, autoplaySpeed); } setTimeout(() => { const activeTab = tabNav.querySelector('li.active') || tabs[0]; currentIndex = tabs.indexOf(activeTab) !== -1 ? tabs.indexOf(activeTab) : 0; if (activeTab) { moveTruck(activeTab); } startAutoplay(); }, 150); // --- THE MENU FIX PT 2: Added 'e' parameter --- tabs.forEach((tab, index) => { tab.addEventListener('click', function(e) { // Only interrupt the timer if it was a real human clicking it if (e.isTrusted) { currentIndex = index; moveTruck(this); startAutoplay(); } }); }); });