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

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

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

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

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

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

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

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

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

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

当隐藏的时候,修改 myheight 的值

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

如下:

*** 作工具:vivo X9

*** 作系统:Funtouch OS 7.127

软件:微信6.0

1、打开手机微信,然后打开一个小程序。

2、进入小程序之后,点击小程序右上角的三个点图标。

3、在页面底部会d出小程序功能窗口,这里我们选择浮窗功能,如下图所示。

4、最后在微信里就会显示出小程序浮窗窗口了,如下图所示。


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

原文地址: http://outofmemory.cn/yw/12055924.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存