iscroll的使用

那时候刚出来工作，很多东西都不懂，也是整了很久，还是问了别人才知道怎么使用，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;通过这样引入全局的。