为了账号安全,请及时绑定邮箱和手机立即绑定

iView,打开modal时给body添加了样式,在关闭modal时没有移除

iView,打开modal时给body添加了样式,在关闭modal时没有移除

千万里不及你 2019-04-26 18:15:57
在vue项目中使用了iViewiView在打开modal弹窗时,给body增加了样式style="padding-right: 15px; overflow: hidden;"是为了在打开弹窗时阻止页面滚动但是关闭modal弹窗时,没有移除这个样式,造成本来有滚动条的页面无法滚动有一个scrollable属性,但是配置之后打开modal弹窗时,页面也可以滚动了,还是不想在打开弹窗时让页面滚动请问大家有什么公共处理的方法?
查看完整描述

2 回答

?
长风秋雁

TA贡献1757条经验 获得超7个赞

没有处理过, modal关闭的时候, 这个样式就自动删除了

https://img1.sycdn.imooc.com//5ce0cb250001da9603600342.jpg

https://img1.sycdn.imooc.com//5ce0cb260001e3c903600342.jpg

查看完整回答
反对 回复 2019-05-19
?
哔哔one

TA贡献1854条经验 获得超8个赞

利用on-visible-change事件,true的时候给body添加一个hidden的class,flase的时候移除这个class


.hidden {

    padding-right: 15px;

    overflow: hidden;

}


查看完整回答
反对 回复 2019-05-19
  • 2 回答
  • 0 关注
  • 2311 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信