左右分栏页面右侧无法出现滚动条bug

问题记录

项目比较老了,左右分栏的页面,导航栏右边是一个iframe组成的页面,通过某个操作后,页面右侧内容区域无法实现滚动

问题查明

遇见过好几次,最后查明,总结一句话,修改了右侧页面body的overflow属性导致的,怎么出现问题的,看body overflow值的变化,操作完把overflow改回去

1.第一次遇见
是打开了对话框,这个操作,看代码后,给 对话框背后的body添加新样式,让它不能滚动,点击取消,不是确定,
没有去掉新加的样式
```
openDialog:function(){
    $('body').addClass('noscroll');
    $('.modal').show();
    $('.modal-content .confirm').on('click',function(){
        $('.modal').hide();
        $('body').removeClass('noscroll');
    })
}
```

2.第二次碰到
为啥呢?在公共组件文件中,引入了一个插件的样式
@import "../../../ro/3/jsonedit/css/index.css"

结果这个jsonedit 插件自带的样式文件, 就修改了body中的overflow值
所以引入后,还得修改回body的overflow值

猜你喜欢

转载自www.cnblogs.com/shipskunkun/p/10022037.html