基于 vue2 的虚拟滚动条

$ npm install scrollbar-vue2 --save

$ yarn add scrollbar-vue2

example

  <template>
   <div class="tag">
      <Scrollbar :always="true" class="scrollbar">
        <div class="tags" style="height: 200px">
          <div v-for="t in 800" :key="t">{{ t }}</div>
        </div>
      </Scrollbar>
    </div>
  </template>
  <script>
  import Scrollbar from "scrollbar-vue2";
  export default {
    components: { Scrollbar }
  }
  </script>
  <style lang="scss">
  .tag {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(116, 116, 116, 0.281);
    height: 100px;
    .scrollbar {
      width: 100%;
      .tags {
        display: flex;
        width: 1px;
      }
    }
  }
  </style>

参数说明