微信小程序在canvas 画布上划动,如何阻止页面上下动?

发布网友 发布时间：2022-04-22 21:06

我来回答

共5个回答

懂视网 时间：2022-04-24 00:57

下面给大家介绍关于微信小程序在fixed中随页面移动问题！

具体的情况：

在模拟器中没问题，可是在真机下就出现以下问题

<textarea />在一个view盒子中，view盒子是固定定位，页面滑动时候，固定定位的盒子会定在屏幕的相对位置，但是盒子中的textarea组件会跟随页面滑动（组件固定在了相对页面的位置，而非屏幕的相对位置）。

解决：

官方文档中有提及-->如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true。

链接：

<textarea name="textarea" class="canael_textarea" fixed="true"/>

注意：

属性的填写，fixed默认是 false的，但是如果有业务需要变动状态（某状态要false，某状态要true），则需要添加绑定，直接写false会默认转化为true。

比如 ：

fixed="true" (结果为true)， fixed="false"(结果也会是true)，所以需要绑定参数

 <textarea name="textarea" class="canael_textarea" fixed="{{tag}}"/>
 app = tag: })

总结：

这个bug的教训就是官方文档就是圣旨，要多看，看仔细，多么痛的领悟！！//(ㄒoㄒ)//

以上内容供学习总结分享，有什么不对的地方或可优化的地方，欢迎各位多多指教。

热心网友 时间：2022-04-23 22:05

可以重新打开这个小程序设置。

热心网友 时间：2022-04-23 23:23

如何拒绝的话，建议你直接退出，然后重新登录就应该可以了。

热心网友 时间：2022-04-24 00:58

document.body.addEventListener('touchmove', e=>{
e.prevntDefault();
e.stopPropagaation();
})

热心网友 时间：2022-04-24 02:49

重续在画布上滑动，如何阻止页面上下动手机设置问题？