佛山高明网站建设设计,做社交网站怎么赚钱,青海做网站需要多少钱,低代码平台开发记录一个花了两天时间才解决的bug#xff0c;过程非常难受#xff0c;需求是一个阅读合同的小程序界面#xff0c;在阅读完成后弹出遮罩层进行签名 问题#xff1a;在弹出层签名的时候遮罩层下面的合同也在跟着滑动#xff0c;安卓端没有这个问题#xff0c;真机调试的io…记录一个花了两天时间才解决的bug过程非常难受需求是一个阅读合同的小程序界面在阅读完成后弹出遮罩层进行签名 问题在弹出层签名的时候遮罩层下面的合同也在跟着滑动安卓端没有这个问题真机调试的ios上就出现了这个问题 试错一ios上快速的点击并滑动页面就会跟着滑动长按一下下再开始滑动页面就不会滑动这让我想起以前遇到一个ios端300ms事件延迟的问题所以我去引入fastclick.js来解决这个300ms延迟问题然而并没有效果页面依旧会滑动。 试错二因为不是上面那个问题那可能就是事件穿透导致的但是我阻止事件冒泡阻止了默认事件依旧没有用canvas之外的部分没有这个问题canvas内绘制签名时下面页面还是会滚动。 试错三接着我尝试在弹出弹窗时直接将页面隐藏了没有高度了结果发现新bug他还是会上下滚动而且将页面的下拉刷新都给拉下来了但是明明就写好了禁止下拉刷新到这就脑壳爆炸了。 问百度问ai的解决方法都是调整高度或者修改样式定位或者阻止冒泡阻止默认事件但是都试过了解决不了问题。 开始盲目寻找官网uniapp官网中的canvas描述发现了一个属性 尝试的心态写了上去直接就解决了我的问题我裂开了。查了那么多居然没有查到一个说加个disable-scroll就能解决的希望以后踩坑的同学能够看到这篇。
