document.addEventListener('DOMContentLoaded', function() { const faders = document.querySelectorAll('.fade-in'); const businessItems = document.querySelectorAll('.business-item'); const footerMain = document.querySelector('.footer-main'); let businessItemsAppeared = 0; const appearOptions = { threshold: 0.15, rootMargin: "0px 0px -100px 0px" }; const appearOnScroll = new IntersectionObserver(function(entries, appearOnScroll) { entries.forEach(entry => { if (!entry.isIntersecting) { return; } else { if (entry.target.classList.contains('business-item') || entry.target.classList.contains('footer-main')) { // ºñÁî´Ï½º ¾ÆÀÌÅÛ°ú footer-main¿¡ ´ëÇØ¼­´Â ó¸®ÇÏÁö ¾ÊÀ½ return; } entry.target.classList.add('appear'); appearOnScroll.unobserve(entry.target); } }); }, appearOptions); faders.forEach(fader => { if (!fader.classList.contains('business-item') && !fader.classList.contains('footer-main')) { appearOnScroll.observe(fader); } }); // ºñÁî´Ï½º ¾ÆÀÌÅÛ¿¡ ´ëÇÑ Intersection Observer const businessItemObserver = new IntersectionObserver((entries) => { if (entries[0].isIntersecting) { showBusinessItems(); businessItemObserver.unobserve(entries[0].target); } }, appearOptions); // footer-main¿¡ ´ëÇÑ Intersection Observer const footerMainObserver = new IntersectionObserver((entries) => { if (entries[0].isIntersecting && businessItemsAppeared === businessItems.length) { setTimeout(() => { footerMain.classList.add('appear'); }, 300); // 0.5ÃÊ ÈÄ¿¡ ³ªÅ¸³ªµµ·Ï ¼³Á¤ (Çʿ信 µû¶ó Á¶Á¤ °¡´É) footerMainObserver.unobserve(entries[0].target); } }, appearOptions); // ù ¹øÂ° ºñÁî´Ï½º ¾ÆÀÌÅÛÀ» °üÂû if (businessItems.length > 0) { businessItemObserver.observe(businessItems[0]); } // footer-main °üÂû ½ÃÀÛ footerMainObserver.observe(footerMain); function showBusinessItems() { businessItems.forEach((item, index) => { setTimeout(() => { item.classList.add('appear'); businessItemsAppeared++; if (businessItemsAppeared === businessItems.length) { // ¸ðµç ºñÁî´Ï½º ¾ÆÀÌÅÛÀÌ ³ªÅ¸³µÀ» ¶§ footer-mainÀ» üũ checkFooterMainVisibility(); } }, index * 200); }); } function checkFooterMainVisibility() { const footerRect = footerMain.getBoundingClientRect(); if (footerRect.top < window.innerHeight) { // footer-mainÀÌ ÀÌ¹Ì È­¸é¿¡ º¸ÀÌ´Â °æ¿ì setTimeout(() => { footerMain.classList.add('appear'); }, 200); } // footer-mainÀÌ ¾ÆÁ÷ È­¸é¿¡ º¸ÀÌÁö ¾Ê´Â °æ¿ì, footerMainObserver°¡ ó¸®ÇÒ °ÍÀÓ } }); // Swiper ÃʱâÈ­ ÄÚµå (±âÁ¸ swiper-init.js ³»¿ë) var swiper = new Swiper('.swiper-container', { // Swiper ¿É¼Çµé... });