document.addEventListener('DOMContentLoaded', function () { // Segédfüggvény: ki/bekapcsolja a nyilat attól függően, hogy van-e még jobbra görgethető tartalom function updateIndicator(scrollContainer, indicator, buffer = 8) { const delta = scrollContainer.scrollWidth - scrollContainer.clientWidth; const scrollLeft = scrollContainer.scrollLeft; if (delta = delta - buffer) { indicator.classList.add('hidden'); } else { indicator.classList.remove('hidden'); } } // Egy konkrét menü "bekötése" function wireMenu(wrapper) { const scrollContainer = wrapper.querySelector('ul.elementor-nav-menu'); // a te menüd UL-je // nyíl keresése: előnyben a dedikált osztály, de fallback az általános Elementor ikon const indicator = wrapper.parentElement?.querySelector('.menu-scroll-indicator') || wrapper.querySelector('.menu-scroll-indicator') || wrapper.querySelector('.elementor-widget-icon'); if (!scrollContainer || !indicator) return; // mobil/Tablet: legyen vízszintes scroll és egy sor (ha még nem állítottad CSS-sel) scrollContainer.style.display = 'flex'; scrollContainer.style.flexWrap = 'nowrap'; scrollContainer.style.whiteSpace = 'nowrap'; scrollContainer.style.overflowX = 'auto'; scrollContainer.style.scrollBehavior = 'smooth'; scrollContainer.style.webkitOverflowScrolling = 'touch'; // események const scrollStep = 30; const holdInterval = 40; let timer = null; function startAutoScroll() { stopAutoScroll(); timer = setInterval(() => { scrollContainer.scrollBy({ left: scrollStep, behavior: 'auto' }); updateIndicator(scrollContainer, indicator); }, holdInterval); } function stopAutoScroll() { if (timer) { clearInterval(timer); timer = null; } } indicator.addEventListener('click', () => { scrollContainer.scrollBy({ left: scrollStep, behavior: 'smooth' }); }); indicator.addEventListener('mousedown', startAutoScroll); indicator.addEventListener('mouseup', stopAutoScroll); indicator.addEventListener('mouseleave', stopAutoScroll); indicator.addEventListener('touchstart', startAutoScroll, { passive: true }); indicator.addEventListener('touchend', stopAutoScroll); scrollContainer.addEventListener('scroll', () => updateIndicator(scrollContainer, indicator)); window.addEventListener('resize', () => updateIndicator(scrollContainer, indicator)); // ResizeObserver: ha menüpontok vagy betűméret változik, frissítünk if ('ResizeObserver' in window) { const ro = new ResizeObserver(() => updateIndicator(scrollContainer, indicator)); ro.observe(scrollContainer); } // első állapot updateIndicator(scrollContainer, indicator); indicator.style.cursor = 'pointer'; indicator.style.pointerEvents = 'auto'; } // Több menüt is bekötünk, de csak azokra, amelyeken van .menu-scrollable document.querySelectorAll('nav.elementor-nav-menu__container.menu-scrollable').forEach(wireMenu); });