最近项目中使用弹出框时,滑动发现背景内容跟着滑动,经过对比测试采用设置page样式来实现
1..设置最外边page属性,最主要的属性overflow-y: hidden来控制
Page{
height: 100%;
/* overflow-y: hidden; */
}
2.但是我们没有操作page方式,经过查询官方文档得知page-meta可配置页面属性
<page-meta page-style="overflow-y:{{isPage}}">
</page-meta>
3.进行动态绑定page样式
if (this.data.onClick) {
this.setData({
isPage: "scroll",
showModalStatus: true,
});
} else {
this.setData({
isPage: "hidden",
showModalStatus: false,
});
}
至此解决问题。