1 1

Raymond Weil

Availablity: Out of stock

Raymond Weil

Freelancer Ladies Automatic Blue Dial Bracelet Watch, 34.5 x 34.5 mm
{ let scrollLeftValue = Math.ceil(tabMenu.scrollLeft); console.log('1.', scrollLeftValue); let scrollableWidth = tabMenu.scrollWidth - tabMenu.clientWidth; console.log('2.', scrollableWidth); btnLeft.style.display = scrollLeftValue > 0 ? 'block' : 'none'; btnRight.style.display = scrollableWidth > scrollLeftValue ? 'block' : 'none'; }; btnRight.addEventListener('click', () => { tabMenu.scrollLeft += 150; //iconVisibility(); setTimeout(() => iconVisibility(), 50); }); btnLeft.addEventListener('click', () => { tabMenu.scrollLeft -= 150; //iconVisibility(); setTimeout(() => iconVisibility(), 50); }); window.onload = function () { btnRight.style.display = tabMenu.scrollWidth > tabMenu.clientWidth || tabMenu.scrollWidth >= window.innerWidth ? 'block' : 'none'; btnLeft.style.display = tabMenu.scrollWidth >= window.innerWidth ? '' : 'none'; }; window.onresize = function () { btnRight.style.display = tabMenu.scrollWidth > tabMenu.clientWidth || tabMenu.scrollWidth >= window.innerWidth ? 'block' : 'none'; btnLeft.style.display = tabMenu.scrollWidth >= window.innerWidth ? '' : 'none'; let scrollLeftValue = Math.round(tabMenu.scrollLeft); btnLeft.style.display = scrollLeftValue > 0 ? 'block' : 'none'; }; // Javascript to make the tab navigation draggable let activeDrag = false; tabMenu.addEventListener('mousemove', (drag) => { if (!activeDrag) return; tabMenu.scrollLeft -= drag.movementX; iconVisibility(); tabMenu.classList.add('dragging'); }); document.addEventListener('mouseup', () => { activeDrag = false; tabMenu.classList.remove('dragging'); }); tabMenu.addEventListener('mousedown', () => { activeDrag = true; }); // Javascript to view tab contents on click tab buttons const tabs = document.querySelectorAll('.tab'); const tabBtns = document.querySelectorAll('.tab_btn'); const tab_Nav = function (tabBtnClick) { tabBtns.forEach((tabBtn) => { tabBtn.classList.remove('active'); }); tabs.forEach((tab) => { tab.classList.remove('active'); }); tabBtns[tabBtnClick].classList.add('active'); tabs[tabBtnClick].classList.add('active'); }; tabBtns.forEach((tabBtn, i) => { tabBtn.addEventListener('click', () => { tab_Nav(i); }); });