左右分欄頁面右側無法出現滾動條bug
阿新 • • 發佈:2018-11-26
問題記錄
專案比較老了,左右分欄的頁面,導航欄右邊是一個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值