스와이퍼 관련 수정

src/main/webapp/WEB-INF/views/mob/common/fragments/FooterMob.html

@@ -311,7 +311,7 @@
 					let popupYn = "N";
 					let popupSq = "";
 					let tag = '';
-					tag += '<div id="popupMainNotice" class="popup_main_notice half active">\n';  <!-- half 팝업일 경우 : half 클래스 포함 -->
+					tag += '<div id="popupMainNotice" class="popup_main_notice '+pClass+' active">\n';  <!-- half 팝업일 경우 : half 클래스 포함 -->
 					tag += '	<div class="popup_content">\n';
 					if ("H" == result.popupGb){
 						
@@ -367,20 +367,55 @@
 						}	
 					}
 					
-					/* SLIDE - 메인 공지 팝업 */
-					var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
-						loop: true,
-						spaceBetween: 0,
-						speed:200,
-						autoplay: {
-							delay: 4000,
-							disableOnInteraction: false,
-						},
-						pagination: {
-							el: '.popup_main_notice .swiper-pagination',
-							type: 'fraction',
-						},
-					});			
+					/* SLIDE - 메인 공지 팝업 210521_ 수정 : 슬라이드 1개일때 롤링 제거. */
+					var popNoticeCont = $('.popup_main_notice .swiper-slide');
+					var popNoticeLength = popNoticeCont.length;
+					if (popNoticeLength < 2) {
+						var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
+							loop: false,
+							watchOverflow: true, //loop와 함께 사용 불가.
+							slidesPerView:'auto',
+							spaceBetween: 0,
+							speed:1000,
+							autoplay: {
+								delay: 3000,
+								disableOnInteraction: false,
+							},
+							navigation: {
+								nextEl: '.popup_main_notice .swiper-button-next',
+								prevEl: '.popup_main_notice .swiper-button-prev',
+							},
+							pagination: {
+								el: '.popup_main_notice .swiper-pagination',
+								type: 'fraction',
+							},
+						});	
+					} else {
+						var popup_main_notice_slide = new Swiper ('.popup_main_notice .swiper-container', {
+							loop: true,
+							slidesPerView:'auto',
+							spaceBetween: 0,
+							speed:1000,
+							autoplay: {
+								delay: 3000,
+								disableOnInteraction: false,
+							},
+							navigation: {
+								nextEl: '.popup_main_notice .swiper-button-next',
+								prevEl: '.popup_main_notice .swiper-button-prev',
+							},
+							pagination: {
+								el: '.popup_main_notice .swiper-pagination',
+								type: 'fraction',
+							},
+						});	
+					}			
+
+					if($(".popup_main_notice").hasClass("active")){
+						$("body").css({"overflow":"hidden"});
+					}else{
+						$("body").css({"overflow":"visible"});
+					};
 					
 				}
 			}

src/main/webapp/WEB-INF/views/mob/goods/GoodsDealDetailFormMob.html

@@ -1159,6 +1159,7 @@
 		var riviewSwiper = new Swiper('.pd .riview_box .area_slider .swiper-container', {
 			slidesPerView: 1,
 			spaceBetween: 8,
+			speed: 1000,
 			loop: true,
 			pagination: {
 				el: '.swiper-pagination',
@@ -1169,6 +1170,7 @@
 		//슬라이드 - 제품사진
 		var thumbswiper = new Swiper('.pd .thumb_box .area_slider .swiper-container', {
 			slidesPerView:1,
+			speed: 1000,
 			pagination: {
 				el: '.swiper-pagination',
 				type: 'fraction',
@@ -1178,18 +1180,21 @@
 		 var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
 			 slidesPerView: 3,
 			 spaceBetween: 8,
+			 speed: 1000,
 		 });  
 
 		 //슬라이드 - 이 상품과 함께 본 상품 
 		 var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
 			 slidesPerView: 2,
 			 spaceBetween: 8,
+			 speed: 1000,
 		 });			
 
 		 //슬라이드 - STYLE24의 스타일링 추천
 		var rcmdPicimgSwiper = new Swiper('.pd .pd_recommend .area_slider.pic_img .swiper-container', {
 			slidesPerView: 1,
 			spaceBetween: 0,
+			speed: 1000,
 			pagination: {
 				el: '.swiper-pagination',
 				type: 'fraction',
@@ -1200,6 +1205,7 @@
 			observeParents: true,
 			slidesPerView: 3,
 			spaceBetween: 8,
+			speed: 1000,
 		});
 
 		$(".pic_list > div").hide();
@@ -1214,18 +1220,21 @@
 		 var rcmdItemSwiper = new Swiper('.pd .pd_samebrand .area_slider .swiper-container', {
 			 slidesPerView: 3,
 			 spaceBetween: 8,
+			 speed: 1000,
 		 }); 
 
 		 //슬라이드 - 이 상품과 비슷한 상품 
 		 var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
 			 slidesPerView: 3,
 			 spaceBetween: 8,
+			 speed: 1000,
 		 });	 
 			
 			//슬라이드 - 베스트리뷰팝업 
 		 var bestreviewdetailSwiper = new Swiper('.pd_bestreviewdetail_pop .area_slider .swiper-container', {
-				observer: true,
-				observeParents: true,
+			observer: true,
+			observeParents: true,
+			speed: 1000,
 			 slidesPerView: 1,
 			 pagination: {
 					el: '.swiper-pagination',
@@ -1235,8 +1244,9 @@
 			
 			//슬라이드 - 포토,영상리뷰팝업 
 		 var photoreviewdetailSwiper = new Swiper('.pd_photoreviewdetail_pop .area_slider .swiper-container', {
-				observer: true,
-				observeParents: true,
+			observer: true,
+			observeParents: true,
+			speed: 1000,
 			 slidesPerView: 1,
 			 pagination: {
 					el: '.swiper-pagination',

src/main/webapp/WEB-INF/views/mob/goods/GoodsDetailFormMob.html

@@ -2589,6 +2589,7 @@
 		var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
 			slidesPerView: 3,
 			spaceBetween: 8,
+			speed: 1000,
 		}); 
 		
 		//슬라이드 - 베스트리뷰
@@ -2597,6 +2598,7 @@
 			observeParents: true,
 			slidesPerView: 1,
 			spaceBetween: 8,
+			speed: 1000,
 			//loop: true,
 			pagination: {
 				el: '.swiper-pagination',
@@ -2607,6 +2609,7 @@
 		//슬라이드 - 제품사진
 		var thumbswiper = new Swiper('.pd .thumb_box .area_slider .swiper-container', {
 			slidesPerView:1,
+			speed: 1000,
 			pagination: {
 				el: '.swiper-pagination',
 				type: 'fraction',
@@ -2618,6 +2621,7 @@
 		var rcmdPicimgSwiper = new Swiper('.pd .pd_recommend .area_slider.pic_img .swiper-container', {
 			slidesPerView: 1,
 			spaceBetween: 0,
+			speed: 1000,
 			pagination: {
 				el: '.swiper-pagination',
 				type: 'fraction',
@@ -2628,6 +2632,7 @@
 			observeParents: true,
 			slidesPerView: 3,
 			spaceBetween: 8,
+			speed: 1000,
 		});
 
 		$(".pic_list > div").hide();
@@ -2643,6 +2648,7 @@
 			observer: true,
 			observeParents: true,
 			slidesPerView: 1,
+			speed: 1000,
 			pagination: {
 				el: '.swiper-pagination',
 				type: 'fraction',
@@ -2654,6 +2660,7 @@
 			observer: true,
 			observeParents: true,
 			slidesPerView: 1,
+			speed: 1000,
 			pagination: {
 				el: '.swiper-pagination',
 				type: 'fraction',
@@ -2987,8 +2994,37 @@
 			
 		};
 	}
-   
 	
+	// 210407_스크롤감지 헤더 그림자
+    $('.pd_delivery_pop').scroll(function(){
+        $(".pd_delivery_pop .modal-header").css("box-shadow", "rgb(0 0 0 / 20%) 0px 0px 5px");
+        $(".pd_delivery_pop .modal-header").css("border-bottom", "0px none");
+        if($(".pd_delivery_pop").scrollTop() === 0){
+            $(".pd_delivery_pop .modal-header").css("box-shadow", "none");
+            $(".pd_delivery_pop .modal-header").css("border-bottom", "1px solid #eee");
+        }
+    });
+    $('.pd_review_pop').scroll(function(){
+        $(".pd_review_pop .modal-header").css("box-shadow", "rgb(0 0 0 / 20%) 0px 0px 5px");
+        $(".pd_review_pop .modal-header").css("border-bottom", "0px none");
+        if($(".pd_review_pop").scrollTop() === 0){
+            $(".pd_review_pop .modal-header").css("box-shadow", "none");
+            $(".pd_review_pop .modal-header").css("border-bottom", "1px solid #eee");
+        }
+    });
+    $('.pd_qnalist_pop').scroll(function(){
+        $(".pd_qnalist_pop .modal-header").css("box-shadow", "rgb(0 0 0 / 20%) 0px 0px 5px");
+        $(".pd_qnalist_pop .modal-header").css("border-bottom", "0px none");
+        if($(".pd_qnalist_pop").scrollTop() === 0){
+            $(".pd_qnalist_pop .modal-header").css("box-shadow", "none");
+            $(".pd_qnalist_pop .modal-header").css("border-bottom", "1px solid #eee");
+        }
+    });
+   
+    window.onscroll = function() {
+		document.getElementsByClassName('.modal.pd_pop.pd_review_pop .pd_review .area_rv_empty .btn_group_flex').style.top =
+		window.pageYOffset + 'px';
+	};
 /*]]>*/
 </script>