”¨å移 imgList.parentNode.style.transform = `translateX(-${currentLeft}px)`; // å¼€å¯ç¡¬ä»¶åŠ é€Ÿï¼Œè®©æ»šåŠ¨æ›´æµç•… imgList.parentNode.style.willChange = 'transform'; imgList.parentNode.style.transition = 'none'; // å–消过渡，é¿å…手动控制时å¡é¡¿ } // åˆå§‹åŒ–自动滚动（页é¢åŠ è½½åŽç«‹å³å¯åŠ¨ï¼‰ function initAutoScroll() { // 先清除å¯èƒ½å­˜åœ¨çš„定时器，é¿å…é‡å¤å¯åŠ¨ if (autoScrollTimer) clearInterval(autoScrollTimer); // 用setInterval实现稳定的自动滚动 autoScrollTimer = setInterval(continuousScroll, scrollInterval); } // åœæ­¢æ»šåŠ¨ function stopScroll() { if (autoScrollTimer) { clearInterval(autoScrollTimer); autoScrollTimer = null; } } // 手动控制 - 快速滚动到上/下一组 function scrollToPrev() { currentLeft -= imgWidth; const maxScroll = imgList.children.length * imgWidth; if (currentLeft < 0) { currentLeft = maxScroll - imgWidth; } // ç«‹å³æ›´æ–°æ»šåŠ¨ä½ç½® imgList.parentNode.style.transform = `translateX(-${currentLeft}px)`; } function scrollToNext() { currentLeft += imgWidth; const maxScroll = imgList.children.length * imgWidth; if (currentLeft >= maxScroll) { currentLeft = 0; } // ç«‹å³æ›´æ–°æ»šåŠ¨ä½ç½® imgList.parentNode.style.transform = `translateX(-${currentLeft}px)`; } // 鼠标悬åœæš‚åœæ»šåŠ¨ï¼Œç¦»å¼€æ¢å¤ container?.addEventListener('mouseenter', () => { stopScroll(); }); container?.addEventListener('mouseleave', () => { initAutoScroll(); }); // 手动控制按钮点击事件 prevBtn?.addEventListener('click', () => { stopScroll(); // å…ˆåœæ­¢è‡ªåŠ¨æ»šåŠ¨ scrollToPrev(); initAutoScroll(); // 手动滚动åŽæ¢å¤è‡ªåŠ¨æ»šåŠ¨ }); nextBtn?.addEventListener('click', () => { stopScroll(); // å…ˆåœæ­¢è‡ªåŠ¨æ»šåŠ¨ scrollToNext(); initAutoScroll(); // 手动滚动åŽæ¢å¤è‡ªåŠ¨æ»šåŠ¨ }); // åˆå§‹åŒ–：页é¢åŠ è½½å®ŒæˆåŽç«‹å³å…‹éš†åˆ—表并å¯åŠ¨æ»šåŠ¨ window.addEventListener('DOMContentLoaded', () => { cloneImgList(); // å…ˆå…‹éš†åˆ—è¡¨å®žçŽ°æ— ç¼ initAutoScroll(); // ç«‹å³å¯åŠ¨è‡ªåŠ¨æ»šåŠ¨ï¼Œæ— éœ€é¼ æ ‡è§¦å‘ });
Copyright © 怡科罗（å—京）异味控制技术有é™å…¬å¸ 版æƒæ‰€æœ‰ 网站备案å·ï¼šè‹ICP备17027552å·-1