左右分栏页面右侧无法出现滚动条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值

转载于:https://www.cnblogs.com/shipskunkun/p/10022037.html