微信小程序canvas弹框固定不动

在开发小程序页面时,弹框的内容里包含canvas组件,由于canvas不能用定位fixed,导致底部页面滚动条滚动时,导致弹框里的canvas也跟着动,如下图所示,canvas里的二维码随着滚动条移动出界。

微信小程序canvas弹框固定不动_第1张图片

解决办法是:在包含canvas的view设置 catchtouchmove="return" ,这样就可以阻止触摸屏穿透底部页面滚动,防止canvas组件滑动出界,代码简写大概如下所示。





    
        

以上是我做微信小程序遇到的问题,希望对遇到相同问题的人有所帮助。如上述有任何不对的,欢迎指教。

你可能感兴趣的:(微信,小程序)