Ita & Zen

//*code script horizontalnavmenu by WeddingPress, Dilarang diperjual-belikan ataupun dibagikan ulang tanpa seijin WeddingPress *// document.addEventListener('DOMContentLoaded', function () { let scrollableNavigations = document.querySelectorAll('.horizontalNav .elementor-nav-menu, .horizontalNewNav > div > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading, .horizontalTaxonomy .e-filter, .horizontalTabs > div > .e-n-tabs > .e-n-tabs-heading'); scrollableNavigations.forEach((scrollableNavigation) => { let navigationItems = Array.from(scrollableNavigation.querySelectorAll('.menu-item, .e-n-menu-title, .e-filter-item, .e-n-tab-title')).filter(e => e.parentElement.closest('.menu-item') == null); let activeNavigationItemIndex = navigationItems.findIndex((navigationItem) => navigationItem.classList.contains('current-menu-item') || navigationItem.getAttribute('aria-pressed') === 'true' || window.location.href.indexOf('#' + navigationItem.id) > -1); scrollableNavigation.style.scrollBehavior = "smooth"; navigationItems.forEach((navigationItem, i) => { let scrollToPosition = (navigationItem.getBoundingClientRect().left + navigationItem.offsetWidth / 2) - (window.innerWidth / 2); navigationItem.addEventListener('click', function () { scrollableNavigation.scrollTo({ left: scrollToPosition, behavior: 'smooth' }); }); if (i === activeNavigationItemIndex) { scrollableNavigation.scrollTo({ left: scrollToPosition, behavior: 'smooth' }); if (navigationItem.classList.contains('e-n-tab-title')) { setTimeout(() => { navigationItem.click(); }, 900); } } if (navigationItem.classList.contains('menu-item') || navigationItem.classList.contains('e-n-menu-title')) { let anchorElement = navigationItem.querySelector('a'); let observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.attributeName === 'aria-current' && mutation.target.getAttribute('aria-current') === 'location') { scrollableNavigation.scrollTo({ left: scrollToPosition, behavior: 'smooth' }); } }); }); observer.observe(anchorElement, { attributes: true }); } }); updateMask(scrollableNavigation); scrollableNavigation.addEventListener('scroll', function () { updateMask(scrollableNavigation); }); let navContainer = scrollableNavigation.parentElement; let navWidth = navContainer.offsetWidth; if (scrollableNavigation.classList.contains('e-n-tabs-heading')) { let tabHeadingHeight = scrollableNavigation.offsetHeight; navContainer.style.setProperty('--tab-heading-height', tabHeadingHeight + 'px'); } function noScrollClassManager() { navWidth = navContainer.offsetWidth; if (scrollableNavigation.scrollWidth <= scrollableNavigation.offsetWidth) { navContainer.classList.add('no-scroll'); } else { navContainer.classList.remove('no-scroll'); } } noScrollClassManager(); let windowWidth = window.innerWidth; window.addEventListener('resize', function () { if (windowWidth === window.innerWidth) return; windowWidth = window.innerWidth; noScrollClassManager(); }); }); });