问题:微信小程序里,页面上有一个弹窗,弹窗里有可滚动列表,弹窗列表滚动时页面的列表也会滚动。
解决方法:在wxml页面上添加<page-meta page-style="{{ cartShow ? 'overflow: hidden;' : '' }}" />
通过控制cartShow,打开弹窗时,让页面不能滚动,关闭页面时,让页面恢复滚动。
注意事项:page-meta
基础库 2.9.0 开始支持,低版本需做兼容处理。
微信 Windows 版:支持
微信 Mac 版:支持
功能描述
页面属性配置节点,用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。可以配合 navigation-bar 组件一同使用。
通过这个节点可以获得类似于调用 wx.setBackgroundTextStyle wx.setBackgroundColor 等接口调用的效果。
文档说明