小程序监听scroll-view滚动距离

小程序中可以使用scroll-view组件监听滚动距离，具体实现如下：

1. 在scroll-view组件上添加bindscroll事件，绑定一个方法，例如：

<scroll-view scroll-y="true" bindscroll="onScroll">
  // scroll-view内容
</scroll-view>

2. 在Page对象中定义onScroll方法，用于监听scroll-view组件的滚动事件。在方法中使用wx.createSelectorQuery()获取scroll-view组件的高度和滚动距离，然后进行相应的处理，例如：

Page({
  data: {
    scrollTop: 0  // 初始滚动距离为0
  },
  onScroll: function(e) {
    wx.createSelectorQuery().select('#scroll-view').fields({
      scrollOffset: true,
      size: true
    }, function(res) {
      // res.scrollTop 为当前滚动距离
      this.setData({
        scrollTop: res.scrollTop
      })
    }).exec()
  }
})

3. 在页面上可以通过绑定data中的scrollTop属性来实现滚动时的效果，例如：

<view>当前滚动距离为: {{scrollTop}}</view>