利用jq实现横向tab分类切换自动居中

 

      

        最新
      
      

        成人保险
      
      

        儿童保险
      
      

        老人保险
      
      

        方案设计
      
      

        防坑指南
      
    

这里需要3个必要的值

$('.tab-item').on('click', 'li', function (e) {
    // 设备宽度
    let clientWidth = document.body.clientWidth / 2;
    // 节点距离左边距
    let offset_left = e.currentTarget.offsetLeft;
    // li宽度
    let li_width = e.currentTarget.clientWidth / 2;

    $('.h5ui-tab2').animate({
      scrollLeft: offset_left + li_width - clientWidth,
    });
    // if(offset_left)
  });