vue-scroller在pc端滚动无法下拉，及配合video标签使用时遇到的问题

记录两个坑

坑一： vue-scroller在pc端滚动无法下拉

created () {
    this.scrollInit()
},
methods: {
    scrollInit() { //处理vue-scroller 在pc端滚动无法下拉的问题
        let _this = this;//此this指向的是vue
        window.onmousewheel = function (e) {
            if(e.wheelDelta<0){
                _this.$refs.scrollerBottom && (_this.$refs.scrollerBottom.scrollBy(0, 30, false));//避免ref中不存在scrollerBottom
            }else{
                _this.$refs.scrollerBottom && (_this.$refs.scrollerBottom.scrollBy(0, -30, false));
            }
        }
    },
}

坑二： vue-scroller 在配合video视频使用时会出现bug并且难以调和。此bug就是当视频没有出现在视口中央的时候，用户点击播放。在苹果端，系统会把视端位置调整到视口中央，方便用户观看视频。可是当vue-scroller往回滚动的时候，会发现，刚刚系统调整的视频高度没有被vue-scroller组件记录。所以回滚到顶部。这个bug很严重。

解决办法 ↑

let method  = "使用element-ui v-infinite-scroll 指令"
/* v-infinite-scroll 无限加载指令在有记录系统调整video高度的值，可以正常使用*/