微信小程序画布bindtouchstart事件导致整个页面不能滚动 - WXOPEN Club

<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>

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

yan47 1楼•5 年前

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

wumin 2楼•5 年前

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

taoguiying 3楼•5 年前

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

dqiu 4楼•3 年前

wechatide://minicode/biimFSmh7Pii

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