微信小程序画布bindtouchstart事件导致整个页面不能滚动
发布于 5 年前 作者 qiang76 8068 次浏览 来自 问答
<view class="signature-container">
  <view class="s-title">请患者确认签名</view>
  <input name="signatureId" value="" hidden/>
  <view class="signature-board">
    <canvas canvas-id="signature-patient" class="signature-patient" disable-scroll="false" bindtouchstart="signatureTouchStart" bindtouchmove="signatureTouchMove" bindtouchend="signatureTouchEnd"></canvas>
    <view wx:if="{{showSignatureTips}}" class="s-tips" catchtouchstart="touchstartSignatureTips"></view>
    <view wx:if="{{showSignatureControlBtns}}" class="s-clear" bindtap="clearSignature">重签</view>
    <view wx:if="{{showSignatureControlBtns}}" class="s-save" bindtap="saveSignature">{{saveSignatureDesc}}</view>
  </view>
   
</view>

页面底部有个画布用来做用户确认签名的，如果在画布上签名或者在画布触发bindtouchstart事件后，整个页面都不能滑动了，但是在pc的微信开发者工具不存在这个问题

4 回复

同样遇到。ios手机，canvas 绑定 touch事件之后， 在canvas 上滑动，页面无法滚动。在页面在底部或者头部 页面移位置的时候发生

canvas上如果设置disable-scroll="true"就可以禁止滑动，但是禁止滑动之后页面也不能滑动了

麻烦提供一下出现问题的机型和微信版本，并且给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），我们定位下问题

wechatide://minicode/biimFSmh7Pii

手机型号是     iphone 6  银色 64g   系统是10.3.3    微信版本是6.7.0  基础库版本是 2.1.3  ；  不过在同事的iphone X手机也出现类似问题

回到顶部