按钮实现模块左右滑动

实现效果

html代码

   <div style="display:flex;width:100%;height:calc(100% - 28px)">
                <div
                  ref="scrollOuterA"
                  id="scrollOuterA"
                  class="overflowBox scroll-box"
                  @mouseScroll.prevent="handlescroll"
                  @mousewheel.prevent="handlescroll"
                >
                  <!-- 左箭头 (<) -->
                  <img
                    class="left-btn"
                    @click="btnCilck(50, 'A')"
                    src="../assets/img/toLeft.png"
                  />
                  <div
                    ref="scrollBodyA"
                    class="scroll-body"
                    id