uView 组件 u-popup 弹出层滚动穿透问题

今天在编写小程序的时候遇到了一个 BUG，困扰了我一下午，最后终于解决了，记录一下：

uView 组件 u-popup在弹出画布的时候用户在手机端签名滚动条也会跟着滑动，不得不说真的是太恶心了，查了很多资料最后终于解决✌️

H5

在 H5 端的时候，我们可以通过 touchmove 事件来阻止滚动穿透，代码如下：

1
2
3

document.body.removeEventListener('touchmove', this.touchmoveEnd, {
  passive: false
})

touchmoveEnd(e) {
  e.preventDefault();
  e.stopPropagation();
}

在 APP 端的时候，我们可以通过 canvas 的 disable-scroll 属性来阻止滚动穿透，代码如下：

1	<canvas :disable-scroll="true" :canvas-id="cid" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend"></canvas>