【微信小程序】d出层穿透问题的解决方案

【微信小程序】d出层穿透问题的解决方案,第1张

目前小程序d卖陆出层穿透有两种问题:

第一种:小程序d出层不滚动的时候,往上下拉时会连页面一起拉动,这个用户体验性很差的。

解决方案:在wxml中,增加catchtouchmove=true,就ok了~

第二种:小程序d出肢没层滚动的时候,加catchtouchmove没效果

解决方案:利中饥顷用scroll-view和page的overflow:hidden组合使用

d出层的时候,isShowPicker为false,就是禁止scroll-view滚动。关闭d出层,isShowPicker为true,就能正常滚动。

输入代码

<textarea class="weui-textarea" placeholder="请输入文本" style="height: 3.3em" />

就可以设置了。

微信小程序 textarea 不可行的原因和简易解决方案

微信小程序中textarea没有bindchange事件,所以无法在输入时给变量赋值。

虽然可以使用bindblur事件,但是绑定bindblur事件,如果再点击按钮,则先执行完按钮事件唯帆拆后,再去执行bindblur事件,所以在js文件取不到输入值。

解决方法:结合from表单,textarea文本框输入后,再去点击提交按钮,这时会先执行textarea事件(获取文本框输入内容),再去执行数据提指枣交,这样问题就解决了。

2.wxml文件代码

3.js文件代码轿困

通过动态改变 height属性梁肢值 实现。overflow:hidden也需

当d出层 方法执冲则行时,改变myheight 的值

当隐藏的时候散渣棚,修改 myheight 的值

参考原文自: http://blog.csdn.net/qq_33802316/article/details/775061710


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12523834.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-08-26
下一篇2025-08-26

发表评论

登录后才能评论

评论列表(0条)

    保存