vue-scroller icon indicating copy to clipboard operation
vue-scroller copied to clipboard

建议新增一个滚动事件监听 onScroll

Open liuzhenghui opened this issue 7 years ago • 3 comments

@wangdahoo render.js里新增一个回调

    return function (left, top, zoom) {
      if (typeof callback === 'function') {
        callback({
          left:left,
          top:top,
          zoom:zoom
        })
      }
      content.style[transformProperty] = 'translate3d(' + (-left) + 'px,' + (-top) + 'px,0) scale(' + zoom + ')'
    }
Scroller.vue 

新增一个回调 this.scrollCallback let render = getContentRender(this.content, this.scrollCallback)

  scrollCallback({left, top, zoom}){
        let flag = Math.abs(this.leftTopZoom.left - left) > 1
        flag = flag || Math.abs(this.leftTopZoom.top - top) > 1
        flag = flag || Math.abs(this.leftTopZoom.zoom - zoom) > .01
        if (flag) {
          let data = {left, top, zoom}
          this.leftTopZoom = data
          this.$emit('onScroll', this.leftTopZoom)
        }
      }

liuzhenghui avatar Aug 11 '17 10:08 liuzhenghui

+1

806808586 avatar Aug 28 '17 03:08 806808586

@liuzhenghui 兄弟,方便贴一下具体文件吗?另外该怎么调用这个回调方法呢?谢谢!

xeoshow avatar Sep 28 '17 12:09 xeoshow

这个新增的 回调方法应该怎么用?????@liuzhenghui

puyaling avatar Jan 05 '18 10:01 puyaling