// 购物组件 浮动
$(document).ready(function() {    
    var header = $(".confr-box");    
    var tabSwitchTop = $(".com_reveal_footer").offset().top;    
    var tingzhiTop = tingzhiTop_tmp = $("#tingzhi").offset().top;    
    var headerHeight = header.outerHeight(); // 获取.confr-box的高度  
  
    $(window).scroll(function() {    
        var commentHeight = $('#ajax_comment_return').outerHeight();
        tingzhiTop = tingzhiTop_tmp + commentHeight;
        var scrollTop = $(window).scrollTop();    
        // 计算.confr-box的底部位置  
        var headerBottom = scrollTop + headerHeight;  
        // 当滚动位置大于tabSwitchTop且.confr-box的底部未触及#tingzhi的顶部时，添加fixed类  
        if (scrollTop > tabSwitchTop && headerBottom < tingzhiTop) {    
            header.addClass("fixed");  // 只在 .com_reveal_footer 下方且.confr-box的底部未触及#tingzhi时固定    
        } else {    
            header.removeClass("fixed");  // 否则不固定    
        }    
    });    
});
// 详情 浮动
$(document).ready(function() {
    var header = $(".eyou_tab_switch");  
    var sticky = header.offset().top;  
  
    $(window).scroll(function() {  
        if ($(window).scrollTop() > sticky) {  
            header.addClass("fixed");  
        } else {  
            header.removeClass("fixed");  
        }  
    });  
   
});  

$(document).ready(function() {  
    $('.eyou_switch li').click(function() {  
        const targetId = $(this).data('target');  
        changeFocus(targetId);  
  
        // 更新 active 类  
        $('.eyou_switch li').removeClass('active');  
        $(this).addClass('active');  
    });  
  
    function changeFocus(id, offset = 150) {  
        const element = document.getElementById(id);  
        if (!element) {  
            console.error('Element with id "' + id + '" not found');  
            return;  
        }  
  
        const rect = element.getBoundingClientRect();  
        const top = rect.top + window.pageYOffset;  
        const scrollPosition = top - offset;  
  
        window.scrollTo({  
            top: scrollPosition,  
            behavior: 'smooth'  
        });  
    }  
});

$(document).ready(function() {  
    var $sections = $('div[id^="section"]'); // 选择所有以 "section" 开头的 ID 的 div  
    var $navItems = $('.eyou_switch li');  
  
    function updateActiveNavItem() {  
        var scrollTop = $(window).scrollTop(); // 当前滚动位置  
        var windowHeight = $(window).height(); // 视口高度（但在这个计算中可能不直接使用）  
        var offset = 100; // 额外的偏移量  
      
        $navItems.each(function() {  
            var $this = $(this);  
            var targetId = $this.data('target');  
            var $target = $('#' + targetId);  
      
            if ($target.length) { // 确保目标元素存在  
                var targetTop = $target.offset().top - offset; // 目标元素的顶部位置加上偏移量  
      
                // 检查目标元素是否在“视口上方+偏移量”到“视口下方”之间  
                if (scrollTop <= targetTop && scrollTop + windowHeight >= targetTop) {  
                    $navItems.removeClass('active');  
                    $this.addClass('active');  
                    return false; // 跳出循环  
                }  
            }  
        });  
    }  
  
    // 监听滚动事件  
    $(window).scroll(function() {  
        updateActiveNavItem();  
    });  
  
    // 页面加载时也调用一次以确保正确初始化  
    updateActiveNavItem();  
});

$(document).ready(function() {  
    $('.goodsVideo').mouseover(function() {
        $('#zoom').hide();
        $('#zoomVideo').show();
        $("#product-video")[0].currentTime = 0;
        $("#product-video")[0].play();
        $('.swiper-slide').find('a').removeClass('zoomThumbActive');
        $(this).find('a').addClass('zoomThumbActive');
    })
    .mouseup(function() {
        $('#zoom').hide();
        $('#zoomVideo').show();
        $('.swiper-slide').find('a').removeClass('zoomThumbActive');
        $(this).find('a').addClass('zoomThumbActive');
    });

    $('.goodsImage').mouseover(function() {
        $('#zoom').show().find('.zoomWindow').css('left', '440px');
        $('#zoomVideo').hide();
        $('.goodsVideo').find('a').removeClass('zoomThumbActive');
        $("#product-video")[0].currentTime = 0;
        $("#product-video")[0].pause();
    })
    .mouseup(function() {
        $('#zoom').show().find('.zoomWindow').css('left', '440px');
        $('#zoomVideo').hide();
        $("#product-video")[0].currentTime = 0;
        $("#product-video")[0].pause();
    });
});