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

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

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

解决方案：在wxml中，增加catchtouchmove=true，就ok了～

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

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

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

效果展示

通过在界面素材中添加一个底部悬浮层，同时配置触发器行为打开悬浮层，实现一个底部悬浮层d出的效果。

添加悬浮层

点击左侧导航栏的界面。

添加一个底部悬浮层。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中图标。

点击检查面板中的触发器。

创建触发器。

选中悬浮层中的微信图标。

点击检查面板中的触发器。

配置打开分享面板触发器。

---