vue实现横向切换自动居中

vue实现横向切换自动居中

想要点击的元素自动居中，首先要获取的值有：元素距离屏幕的左边距离，元素宽度的一半，屏幕的总宽度的一半，当前滚动的距离长度，下面是实现的代码：

HTMl（这里的html是我项目所需要的数据渲染，大家可以理解成ul下多个li的结构）：

      <div class="flash-list">
        <div class="scroll-box">
          <div v-for="(item, _index) in flashList" :key="_index" ref="pageContainer" class="flash-item-info" :class="active === _index + 1 ? 'active' : ''