微信小程序穿透
微信小程序穿透通常指的是在小程序开发中，点击或滚动事件穿透到页面的其他部分，导致预期之外的行为。这可能是由于元素层级设置不当、CSS定位问题或事件冒泡机制导致的。以下是一些解决穿透问题的方法：
滚动穿透解决方案
- 使用page-meta组件：通过设置Page组件的style样式，控制页面是否可滚动。
使用
page-meta组件和wx.setPageStyle方法，可以动态设置overflow属性为hidden或visible，从而控制页面是否可滚动。 - catchtouchmove属性：在弹窗或遮罩层元素上使用
catchtouchmove="true"，可以阻止底层内容滚动，但需要注意这也会阻止弹窗自身的滚动。
点击穿透解决方案
- pointer-events属性：通过设置元素的
pointer-events属性为none，可以阻止元素响应点击事件，从而避免点击穿透。 - 事件代理：使用事件代理模式，将点击事件委托给父元素处理，可以有效避免点击穿透。
使用内网穿透技术
- ngrok：ngrok是一个内网穿透工具，可以帮助你将本地服务器映射到外网，便于开发和测试。通过ngrok，你可以实现从微信小程序访问本地服务器，进行调试和数据访问。
通过上述方法，可以有效解决微信小程序中的穿透问题，提升用户体验。
