微信小程序 MiniProgram-滚动穿透处理

滚动穿透，应该叫滑动穿透

当打开弹窗的时候，进行滑动操作（可能是误操作），会导致底层页面滑动

1、弹窗

2、弹窗中有一个scroll-view

使用page-meta，代码如下

<!-- page-meta 只能是页面内的第一个节点 -->
<page-meta page-style="{{ (viewName=='rules') ? 'overflow: hidden;' : '' }}" />

viewName==‘rules’ 的意思是打开rules弹窗，即当打开rules弹窗时，使得整个页面overflow部分hidden，也就是不滚动

页面属性配置节点，用于指定页面的一些属性、监听页面事件。只能是页面内的第一个节点。可以配合 navigation-bar 组件一同使用。

通过这个节点可以获得类似于调用 wx.setBackgroundTextStyle wx.setBackgroundColor 等接口调用的效果。