diff --git a/kr/assets/css/promotion.css b/kr/assets/css/promotion.css index 3887753..954d880 100644 --- a/kr/assets/css/promotion.css +++ b/kr/assets/css/promotion.css @@ -97,6 +97,10 @@ padding: 1rem 2rem; background-color: #fff; z-index: 100; + /* Webkit browsers (Chrome, Safari, etc.) */ +} +#promotion .tabNavigation::-webkit-scrollbar { + display: none; } @media (min-width: 768px) { #promotion .tabNavigation { @@ -132,21 +136,11 @@ #promotion .tabNavigation .tabNavigationInner .tabList .tabItem { position: relative; } -#promotion .tabNavigation .tabNavigationInner .tabList .tabItem:after { - content: ""; - display: block; - width: 100%; - height: 2px; - position: absolute; - bottom: 0; - left: 0; - z-index: 10; - background-color: transparent; -} #promotion .tabNavigation .tabNavigationInner .tabList .tabItem .tabLink { display: flex; align-items: center; justify-content: center; + position: relative; height: 3rem; text-decoration: none; color: #666; @@ -161,18 +155,29 @@ padding: 0 1.6rem; } } +#promotion .tabNavigation .tabNavigationInner .tabList .tabItem .tabLink:after { + content: ""; + display: block; + width: 100%; + height: 2px; + position: absolute; + bottom: 0; + left: 0; + z-index: 10; + background-color: transparent; +} #promotion .tabNavigation .tabNavigationInner .tabList .tabItem .tabLink:hover { color: #05141f; } -#promotion .tabNavigation .tabNavigationInner .tabList .tabItem:last-child { - padding-right: 2rem; +#promotion .tabNavigation .tabNavigationInner .tabList .tabItem:last-child .tabLink { + margin-right: 2rem; } #promotion .tabNavigation .tabNavigationInner .tabList .tabItem.active .tabLink { color: #05141f; font-weight: 600; border-bottom-color: #05141f; } -#promotion .tabNavigation .tabNavigationInner .tabList .tabItem.active:after { +#promotion .tabNavigation .tabNavigationInner .tabList .tabItem.active .tabLink:after { background-color: #05141f; } #promotion .tabContentArea { @@ -760,11 +765,12 @@ } } #promotion .more-features .features-list .swiper { - padding-left: 2rem; + overflow: visible; + padding: 0 2rem; } @media (min-width: 768px) { #promotion .more-features .features-list .swiper { - padding-left: 0; + padding: 0; } } #promotion .more-features .features-list .swiper-slide { diff --git a/kr/assets/css/promotion.css.map b/kr/assets/css/promotion.css.map index 56d89ee..af2378f 100644 --- a/kr/assets/css/promotion.css.map +++ b/kr/assets/css/promotion.css.map @@ -1 +1 @@ -{"version":3,"sources":["promotion.css","_utils.scss","promotion.scss"],"names":[],"mappings":"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","file":"promotion.css"} \ No newline at end of file +{"version":3,"sources":["promotion.css","_utils.scss","promotion.scss"],"names":[],"mappings":"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","file":"promotion.css"} \ No newline at end of file diff --git a/kr/assets/css/promotion.scss b/kr/assets/css/promotion.scss index 067a9ba..55aa188 100644 --- a/kr/assets/css/promotion.scss +++ b/kr/assets/css/promotion.scss @@ -82,6 +82,11 @@ $KiaBlack: #05141f; padding: 1rem 2rem; background-color: #fff; z-index: 100; + + /* Webkit browsers (Chrome, Safari, etc.) */ + &::-webkit-scrollbar { + display: none; + } @include tablet { height: 5.4rem; padding: 0; @@ -110,21 +115,11 @@ $KiaBlack: #05141f; gap: 1.4rem; .tabItem { position: relative; - &:after { - content: ""; - display: block; - width: 100%; - height: 2px; - position: absolute; - bottom: 0; - left: 0; - z-index: 10; - background-color: transparent; - } .tabLink { display: flex; align-items: center; justify-content: center; + position: relative; height: 3rem; text-decoration: none; color: #666; @@ -136,21 +131,34 @@ $KiaBlack: #05141f; height: 5.4rem; padding: 0 1.6rem; } + &:after { + content: ""; + display: block; + width: 100%; + height: 2px; + position: absolute; + bottom: 0; + left: 0; + z-index: 10; + background-color: transparent; + } &:hover { color: $KiaBlack; } } &:last-child { - padding-right: 2rem; + .tabLink { + margin-right: 2rem; + } } &.active { .tabLink { color: $KiaBlack; font-weight: 600; border-bottom-color: $KiaBlack; - } - &:after { - background-color: $KiaBlack; + &:after { + background-color: $KiaBlack; + } } } } @@ -731,9 +739,10 @@ $KiaBlack: #05141f; margin-bottom: 8rem; } .swiper { - padding-left: 2rem; + overflow: visible; + padding: 0 2rem; @include tablet { - padding-left: 0; + padding: 0; } } .swiper-slide { diff --git a/kr/promotion/disney_promotion.html b/kr/promotion/disney_promotion.html index 4f6eb6d..486638c 100644 --- a/kr/promotion/disney_promotion.html +++ b/kr/promotion/disney_promotion.html @@ -1022,6 +1022,53 @@ }; } + // 탭 스크롤 함수 (공통) + function scrollToTab(targetTab, $clickedTab) { + var $tabNavigation = $(".tabNavigation"); + var $tabList = $(".tabList"); + var tabNavigationWidth = $tabNavigation.width(); + var tabListWidth = $tabList[0].scrollWidth; + + if (tabListWidth > tabNavigationWidth) { + var scrollLeft; + + // #information 또는 #moreFeatures 탭인 경우 맨 끝으로 스크롤 + if (targetTab === "#information" || targetTab === "#moreFeatures") { + scrollLeft = tabListWidth - tabNavigationWidth; + } else { + // 탭의 절대 위치 계산 (부모 컨테이너 기준) + var tabOffsetLeft = $clickedTab.offset().left; + var tabNavigationOffsetLeft = $tabNavigation.offset().left; + var relativeTabOffset = tabOffsetLeft - tabNavigationOffsetLeft; + var tabWidth = $clickedTab.outerWidth(); + var tabCenter = relativeTabOffset + tabWidth / 2; + var navigationCenter = tabNavigationWidth / 2; + scrollLeft = tabCenter - navigationCenter; + + // 스크롤 범위 제한 + var maxScrollLeft = tabListWidth - tabNavigationWidth; + scrollLeft = Math.max(0, Math.min(scrollLeft, maxScrollLeft)); + } + + // 부드러운 스크롤 애니메이션 + $tabNavigation.animate( + { + scrollLeft: scrollLeft, + }, + 300, + "easeInOutQuart" + ); + + // 대안 방법: scrollTo 사용 + setTimeout(function () { + $tabNavigation[0].scrollTo({ + left: scrollLeft, + behavior: "smooth", + }); + }, 50); + } + } + // 탭 네비게이션 기능 $(document).ready(function () { // Disney 스와이퍼 초기화 @@ -1060,11 +1107,11 @@ var disneyFeaturesSwiper = new Swiper(".features-list-swiper", { slidesPerView: "auto", spaceBetween: 16, - loop: true, - autoplay: { - delay: 1500, - disableOnInteraction: false, - }, + // loop: true, + // autoplay: { + // delay: 1500, + // disableOnInteraction: false, + // }, // pagination: { // el: ".swiper-pagination", // clickable: true, @@ -1101,52 +1148,7 @@ $targetContent.addClass("active"); // 탭 가로스크롤 중앙 정렬 - var $tabNavigation = $(".tabNavigation"); - var $tabList = $(".tabList"); - var tabNavigationWidth = $tabNavigation.width(); - - // 탭 리스트의 실제 너비 계산 (여러 방법 시도) - var tabListWidth = $tabList[0].scrollWidth; // 스크롤 가능한 전체 너비 - var tabListOffsetWidth = $tabList[0].offsetWidth; // 현재 보이는 너비 - var tabListOuterWidth = $tabList.outerWidth(); // jQuery outerWidth - - console.log("탭 네비게이션 너비:", tabNavigationWidth); - console.log("탭 리스트 scrollWidth:", tabListWidth); - console.log("탭 리스트 offsetWidth:", tabListOffsetWidth); - console.log("탭 리스트 outerWidth:", tabListOuterWidth); - - // 탭 리스트가 네비게이션보다 넓을 때만 스크롤 조정 - if (tabListWidth > tabNavigationWidth) { - // 탭의 절대 위치 계산 (부모 컨테이너 기준) - var tabOffsetLeft = $clickedTab.offset().left; - var tabNavigationOffsetLeft = $tabNavigation.offset().left; - var relativeTabOffset = tabOffsetLeft - tabNavigationOffsetLeft; - var tabWidth = $clickedTab.outerWidth(); - var tabCenter = relativeTabOffset + tabWidth / 2; - var navigationCenter = tabNavigationWidth / 2; - var scrollLeft = tabCenter - navigationCenter; - - // 스크롤 범위 제한 - var maxScrollLeft = tabListWidth - tabNavigationWidth; - scrollLeft = Math.max(0, Math.min(scrollLeft, maxScrollLeft)); - - // 부드러운 스크롤 애니메이션 - $tabNavigation.animate( - { - scrollLeft: scrollLeft, - }, - 300, - "easeInOutQuart" - ); - - // 대안 방법: scrollTo 사용 - setTimeout(function () { - $tabNavigation[0].scrollTo({ - left: scrollLeft, - behavior: "smooth", - }); - }, 50); - } + scrollToTab(targetTab, $clickedTab); // 해당 탭 콘텐츠로 스크롤 이동 if ($targetContent.length) { @@ -1183,6 +1185,9 @@ $(".tabContent").removeClass("active"); $correspondingTab.addClass("active"); $this.addClass("active"); + + // 탭 가로스크롤 중앙 정렬 + scrollToTab("#" + tabId, $correspondingTab); } } });