那时候刚出来工作，很多东西都不懂，也是整了很久，还是问了别人才知道怎么使用，HTML的布局比较重要。

引入iscrll.js文件：

<script src="./js/iscroll-master/build/iscroll.js" type="text/javascript"></script>

// 滚动插件var option = document.getElementById('kind-option');var myScroll = new IScroll(option,{click:true});myScroll.refresh();

html代码

<div id="kind-option" class="kind-option"><ul class="kind-option-nav"><li><a href="javascript:void(0);">立白</a></li><li><a href="javascript:void(0);">六必治</a></li><li><a href="javascript:void(0);">好爸爸</a></li><li><a href="javascript:void(0);">超威</a></li><li><a href="javascript:void(0);">威王</a></li><li><a href="javascript:void(0);">贝贝健</a></li><li><a href="javascript:void(0);">西兰</a></li><li><a href="javascript:void(0);">蓝天</a></li><li><a href="javascript:void(0);">清怡</a></li><li><a href="javascript:void(0);">润之素</a></li><li><a href="javascript:void(0);">净博士</a></li></ul></div>

在前不久我也做了一个vue的收银项目也用到了这个滚动插件，有两种引入的办法，试过了都可行，一种是在index.html直接用script标签引入全局的。
一种是用import引入到对应的组件，如果觉得每个组件都引用麻烦的话，可以在main.js import进来，然后Vue.prototype.$iscroll = Iscroll;通过这样引入全局的。