左右分欄頁面右側無法出現滾動條bug

2022-08-24 01:00:16 字數 528 閱讀 8745

專案比較老了,左右分欄的頁面,導航欄右邊是乙個iframe組成的頁面,通過某個操作後,頁面右側內容區域無法實現滾動
遇見過好幾次,最後查明,總結一句話,修改了右側頁面body的overflow屬性導致的,怎麼出現問題的,看body overflow值的變化,操作完把overflow改回去

1.第一次遇見

是開啟了對話方塊,這個操作,看**後,給 對話方塊背後的body新增新樣式,讓它不能滾動,點選取消,不是確定,

沒有去掉新加的樣式

```opendialog:function())

}```

2.第二次碰到

為啥呢?在公共元件檔案中,引入了乙個外掛程式的樣式

@import "../../../ro/3/jsonedit/css/index.css"

結果這個jsonedit 外掛程式自帶的樣式檔案, 就修改了body中的overflow值

所以引入後,還得修改回body的overflow值

解決右側出現滾動條頁面抖動問題

在頁面內容沒有佔滿螢幕時右側不會出現滾動條,當再載入內容時頁面會出現右側滾動條,頁面寬度由於是auto,整個頁面會向左移動 解決辦法 html bodycalc是css3中的計算,ie10 瀏覽器支援,ie9瀏覽器基本支援 不能用在background position上 100vw相對於瀏覽器的w...

頁面滾動條出現頁面不跳動

閱讀完 後,對產生的問題進行解決。首先,vw,是乙個相對於視口的寬度的單位,乙個視口被均分為100單位的vw,也就是說視口寬度 100vw。其次,root 的解釋 root選擇器用於選擇文件的根元素。根元素指的是位於文件樹中最頂層結構的元素。在html中,根元素永遠是html。但實際運用的時候,ro...

css 隱藏網頁頁面右側滾動條

邏輯 三個div,大 div 設定乙個高度 超出高度內容隱藏,小 div 設定乙個高度可以和大 div 高度一樣,中 div 設定超出大 div 內容xian顯示滑動條,並且新增 隱藏滾輪 樣式 原理 就是小盒子和大盒子高度都寫固定了,但是小盒子內容很多超過大盒子,但是大盒子 overflow hi...