vue 区域滚动插件 betterscroll

vue 区域滚动插件 betterscroll进入插件官网点击这里

例如 下面红色区域需要区域滚动

代码结构

<div class="wrapper">
  <ul class="content">
    <li>...</li>
    <li>...</li>
    ...
  </ul>
  <!-- 这里可以放一些其它的 DOM，但不会影响滚动 -->
</div>

<sctipt>
import BScroll from 'better-scroll'  //下载后引入插件
new BScroll('.wrapper')  //直接作用于 ul外层的类名  即可(方法应该执行在页面元素渲染完成后执行)

</script>

on(type, fn, context) 进入官网文档自定义事件

案例 :如下 即可获的区域滚动的X Y 属性值

未开发完。。。