小程序、uniapp canvas在画布上滑动，页面跟着滑动问题-前端-阿习进阶博客

小程序、uniapp canvas在画布上滑动，页面跟着滑动问题

阿习 • 2022-10-24 12:27:39 • 前端 • 阅读557

[导读]：微信小程序官方文档有说明，disable-scroll="true" 可以阻止页面下拉和滚动。这里有个坑，disable-scroll在真机上如果要生效，那么要给canvas绑定一个触摸事件才能生效。必须绑定三个事件真机才能捕获到<canvasdisable-scroll="true"bindtouchstart="touchStart"bindto...

微信小程序官方文档有说明，disable-scroll="true" 可以阻止页面下拉和滚动。这里有个坑，disable-scroll在真机上如果要生效，那么要给canvas绑定一个触摸事件才能生效。

必须绑定三个事件真机才能捕获到

<canvas disable-scroll="true" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" canvas-id="canvas" class="canvas"></canvas>