A reactive virtual scrollbar based on vuejs 2

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vuescroll"></script>

npm install vuescroll -S
# yarn add vuescroll

// In module system, you need to manully install
// and in browser environment need not.
import Vue from 'vue'
import vuescroll from 'vuescroll'

Vue.use(vuescroll)

// declare Vue instance and bind your options.
const vm = new Vue({
    el: "#app",
    data: {
        ops: {
            // write your own options in ops
            vuescroll: {

            },
            scrollPanel: {
                
            }
            // ...
        }
    }
})

<div id="app" >
    <!-- bind ops -->
    <vue-scroll :ops="ops">
        <!-- the content you want to scroll -->
        <div 
        class="content"
        v-for= "item in 100"
        :key="item"
        >
        <span>{{item}}</span>
        </div>
    </vue-scroll>
</div>