移动端有可滚动的弹窗,肯定会遇到问题。滑动弹出层的背景会滚动。禁用它,但是如果弹窗内容太多,需要滚动,就做不到了。更正(只针对白底页面!只针对白底页面!只针对白底页面!因为有时候会出现白闪!我还没有找到完美的滚动穿透解决方案)Vue的解决方案是ShowDialog是控制弹窗的-up窗口显示,监听isShowDialog的变化,如果不明白watch的使用,可以去vue的监听器,watch:{//如果`isShowDialog`发生变化,这个函数就会运行,第一个参数是最新的isShowDialogValueisShowDialog(val){this.scrollForbid(val)}}scrollForbid(val){letbody=document.bodyif(val){//This.scrollTop=window.scrollYbody.style.width=当弹出窗口显示'100%'body.style.position='fixed'body.style.top=-this.scrollTop+'px'}else{//关闭弹出窗口body.style.width=''body.style.position=''body.style.top=''window.srcollTo(0,this.scrollTop)}}Nativejs解决方案如果是native写的,调用scrollForbid(val)方法,禁用滚动时传true,传false当禁用滚动时就是这样。
