uniapp 蒙版层中使用scroll-view解决滚动穿透

使用page-meta来解决这个问题 nvue没试过

 

在当前页面上使用

 

// 改良了一下 加了auto不然onReachBottom   onPageScroll会不生效
<page-meta :page-style="`height:${showSignInPopup ? '100vh' : 'auto'};overflow: ${showSignInPopup ? 'hidden' : 'auto'}`"></page-meta>

 

page-meta必须是页面的第一个元素，当弹出层显示的时候，将overflow 变为hidden就可以了，记得写height:100vh

 

page-meta类似于H5中的body，等同于给body加上了overflow hidden;

 

page-meta的属性可以看官方文档https://uniapp.dcloud.net.cn/component/page-meta.html#page-meta

 

套他猴子用了这个，就不会触发onReachBottom   onPageScroll 了，加个条件弹窗出来吧高度设置为100vh,弹窗隐藏高度auto