vue下拉滚动控件 better-scroll

better-scroll

安装
npm install better-scroll --save

组件中引入
import BScroll from 'better-scroll'

使用：

必须放在$nextTick()

this.$nextTick(() => {
  // 实例化 参数1 要滚动的Dom的父级元素
  this.foodsscroll = new BScroll(this.$refs.foodsscroll, {
    // 设置3可以监测到滚动的实时位置
    probeType: 3
    // 设置ture 滚动的列表才可以触发点击事件
    click: true
  })
  // 通过scroll事件 获取xy位置
  this.foodsscroll.on('scroll', (pos) => {
    this.scrollY = Math.abs(Math.round(pos.y))
    console.log(this.scrollY)
  })
})

指定滚动到具体的元素：

// el是Dom
this.foodsscroll.scrollToElement(el, 300);