走马灯的实现

工作中业务需要的情况下，可能需要走马灯信息的显示。初看起来可能繁琐，但实际上只要设置定时器，通过与父级的相对定位，然后利用元素本身样式中的的left属性，就可以实现。具体来说看下例，本例以vue实现为例：
外部元素id="scroll"是父级容器，绝对定位，设置为150px的宽度，内部id="scrollcontent"是我们希望以父容器作为参照进行滚动的元素，另外，当内容很短的时候，短到150px能够容纳时，我们希望固定显示。利用一个switch控件进行切换，整体效果如下：

首先template来说，除了切换控件，父容器scroll、用于显示滚动内容的scrollcontent、以及用于显示固定内容的scrollcontentstatic，切换时渲染相应长短内容

<template>
  <div>
    <el-switch
      v-model="isLong"
      active-text="长"
      inactive-text="短">
    </el-switch>
    <div id