使用vue-seamless-scroll实现echarts图表大屏滚动，出现空白间隔的解决方案

一、背景介绍

最近的业务开发需求，想要实现echarts图表大屏滚动，小编首先采用vue-seamless-scroll进行实现，结果发现第二屏出现空白间隔，尝试了多种解决方案均不生效，最终选择换一个方案。

二、封装的ScrollList组件

<template>
    <div class="scrollContainer" :id="id" @mouseenter="monseenter" @mouseleave="mouseleave">
        <slot></slot>
    </div>
</template>

<script>
export default {
   
    name: 'ScrollList',
    props: {
   
        id: String
    },
    data() {
   
        return {
   
            timer: null
        };
    },
    methods: {
   
        init() {
   
            this.setTimer(