better-scroll

<template>
    <div class="wrapper" ref="wrapper">
        <ul class="container">
               <li v-for="item in 1000">{{item}}</li>
        </ul>
</div>
</template>
<script type="text/javascript">
    import Bscroll from 'better-scroll'
    export default {
        mounted() {
            this.$nextTick(() => { this.scroll = new Bscroll(this.$refs.wrapper, {}) })
        }
    }
</script>
<style type="text/css" lang="less">
    .wrapper {
        width: 100px;
        height: 300px;
        overflow: hidden;
        background-color: lightblue;
    }
</style>