問題記錄

專案比較老了，左右分欄的頁面，導航欄右邊是一個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值