npm install vs-scroll --save

<template>
  <div id="app">
    <Scroll :height="500">
      <ul class="list">
        <li
          v-for="n in listsize"
          :key="n"
          class="list-item"
        >
          {{ `${n} 这是一段文字这是一段文字这是一段文字` }}
        </li>
      </ul>
      <!-- <template #scrollbar="{ x, y }">
        <span :style="{position: 'absolute', top: '5px', right: '5px'}">{{ `${x}, ${y}` }}</span>
      </template> -->
    </Scroll>
  </div>
</template>
 
<script>
import Scroll from './components/scroll'
 
export default {
  data () {
    return {
      listsize: 500,
      height: 500
    }
  }
}
</script>