描述问题
iView在打开modal弹窗时,给body增加了样式style="padding-right: 15px; overflow: hidden;",其目的为了在打开弹窗时阻止页面滚动
引发问题
1.关闭modal弹窗时,没有移除这个样式,造成本来有滚动条的页面无法滚动
2.点击有滚动条的菜单页面A,随时滚动到最下方,此时在点击菜单页面B,随时打开弹出框,问题来了,此时点击菜单页面A,导致A页面渲染展示是滚动最下方的位置
PS: 针对问题2出现的情况前提:菜单是一个项目,内容区是一个项目)
解决方法
两种方式:
a. 通过将scrollable属性控制, 默认为false 即页面不滚动,无需设置;
b. 通过事件 on-visible-change 来手动修改body样式;
c. 通过监听路由跳转,即beforeEenter()方法处理,移除新增的样式
提问
请问大家有什么公共处理的方法?欢迎大家来讨论