2606_UIUX_26 수정 내역

html/PD-013_goods_detail.html

@@ -12331,19 +12331,34 @@ $(document).ready(function(){
 </div>
 <script>
 $(document).ready(() => {
-    const popupBtn = $('.buy-now');
+    const popupBtn = $('.buy-now, .gift-now');
+    const orderPopup = $('.order-popup');
     const selList = $('.pr-sticky ul');
     const isSet = ($('#set-goods-size').length > 0)?true:false;
 
-    popupBtn.on('click', () => {
-        /*$('body').addClass('on');
-        $('body').css('overflow', 'hidden');
-
+    const showOrderControls = () => {
         $('#add-order').show();
         $('.order-popup .total').show();
-        $('.popup .direct').show();
-        selList.removeClass('on')*/
-    });
+        $('.order-popup .direct').show();
+    };
+
+    const hideOrderControls = () => {
+        $('#add-order').hide();
+        $('.order-popup .total').hide();
+        $('.order-popup .direct').hide();
+    };
+
+    const openOrderPopup = () => {
+        $('.product-sticky').addClass('fix')
+        $('body').addClass('on');
+        $('body').css('overflow', 'hidden');
+        orderPopup.addClass('on dim');
+
+        showOrderControls();
+        selList.removeClass('on')
+    };
+
+    popupBtn.on('click', openOrderPopup);
 
     $('.quantity .del').on('click', function() {
         $('#add-order .quantity').addClass('on')
@@ -12356,13 +12371,17 @@ $(document).ready(() => {
 
         if ($selList.hasClass('on')) {
             $selList.removeClass('on');
-            $('#add-order').show();
-            $('.order-popup .total').show();
-            $('.popup .direct').show();
+            showOrderControls();
+        } else {
+            hideOrderControls();
+        }
+    });
+
+    $('.order-popup .prs-').on('click', () => {
+        if (selList.hasClass('on')) {
+            showOrderControls();
         } else {
-            $('#add-order').hide();
-            $('.order-popup .total').hide();
-            $('.popup .direct').hide();
+            hideOrderControls();
         }
     });
 
@@ -12370,19 +12389,28 @@ $(document).ready(() => {
         if($('body').hasClass('on')){
         $('body').removeClass('on');
         $('body').css('overflow', '');
+        $('.product-sticky').removeClass('fix');
         }
     });
 
-    $('#main_result_ul .prd-cart').on('click', () => {
-        $('.product-sticky').addClass('fix')
-        $('body').addClass('on');
-        $('body').css('overflow', 'hidden');
-        $('.order-popup').addClass('on dim');
+    let lastScrollTop = 0;
 
-        $('#add-order').show();
-        $('.order-popup .total').show();
-        //$('.popup .direct').show();
-        selList.removeClass('on')
+    $(window).on('scroll', function() {
+        let st = $(this).scrollTop();
+
+        if (st > lastScrollTop) {
+            // 아래로 스크롤
+            $('.product-sticky').removeClass('fix');
+        } else {
+            // 위로 스크롤
+            $('.product-sticky').removeClass('fix');
+        }
+
+        lastScrollTop = st;
+    });
+
+    $('#main_result_ul .prd-cart').on('click', () => {
+        openOrderPopup();
     });
     // U-7 상세페이지 - 사이즈 선택 영역