CSS 自动向下滚动 实现

     setTimeout(() => {
        // 延时 用于dom 刷新
        let carousel = document.getElementById('carouselScroll')
        if (carousel.offsetHeight >= carousel.scrollHeight) {
          return
        }
        this.height = carousel.scrollHeight - carousel.offsetHeight
      }, 10)

滚动元素获取元素高度和滚动高度

:style="{'transform': `translateY(-${height}px)`}"

通过transform 向下平移

transition: 3s linear;

为了让平移较为平滑，加上过度动画