IE6雙滾動條處理

2021-06-01 13:42:18 字數 1236 閱讀 8080

如果想要解決這個問題, 你需要選擇乙個最適合自己的解決方案.

方案 1:

在css定義中貼上下面的**:

html

這會強制預設出現垂直滾動條, 這樣一來, 從某些理由上來講, 便消去了ie對水平滾動條的需求.

優點:完全解決了這個問題, 允許你保持完整的xhtml doctype.

缺點:即使不需要垂直滾動條的時候也強制其出現. 請注意, 不要把它放在關聯其它頁面的css中, 比如說, 框架的index頁.

方案 2:在css定義中貼上下面的**:

html

這會隱藏水平滾動條, 並且設定垂直滾動條只在必要的時候出現.

優點: 在視覺上解決了這個問題. 在不必要的時候, 未強制垂直滾動條出現.

缺點:只是簡單地隱藏了水平滾動條而已, 並未真正修復這個問題. 這樣一來,

你可能會遇到真的需要有位於當前頁面之外的內容而需要水平滾動條的時候, 但是它已經被強制隱藏了。

方案 3:

在css定義中貼上下面的**:

body

這會在margin的水平和垂直方向上新增乙個負值, ie新增了該精確數值後, 便會去除對滾動條的需求假象.

優點: 在視覺上解決了這個問題. 未強制垂直滾動條出現.

缺點: 由於「人為建立」了15px的外邊距(margin), 所以無法使用該填充過的螢幕區域.

我自己用的並且推薦的是方案一.

強制的滾動條:

問題中的」修復」該bug的技術, 同樣可以用於其它目的.

利用css, 你可以有效地在mozilla firefox和internet explorer中顯示或者隱藏垂直及水平滾動條.

強制顯示滾動條:

html

強制隱藏滾動條:

html

隱藏ie的水平滾動條:

html

隱藏ie的垂直滾動條:

html

強制顯示ie的水平滾動條:

html

強制顯示ie的垂直滾動條:

html

強制顯示mozilla的水平滾動條:

html

注意: 僅僅強制顯示水平滾動條. 也就是說, 即使需要顯示垂直滾動條時, 垂直滾動條也不會出現.

強制顯示mozilla的垂直滾動條:

html

注意: 僅僅強制顯示垂直滾動條. 也就是說, 即使需要顯示水平滾動條時, 水平滾動條也不會出現

ie6 滾動條無限下拉(鄙視IE6)

昨天在做頁面,測試到ie6的時候,遇到滾動條無限下拉的bug,ie6就是這麼麻煩,後來找了一些資料來看,自己嘗試了一些方法,終於找到解決方法。一般ie6會出現這種問題,都是你設定了某個東西的position abselute,在ie6下,遇到這種絕對位置的,他會一直往父元素找乙個position r...

IE6去除iframe滾動條

在頁面上引用frame或者iframe,在ie6瀏覽器下,可能出現橫向滾動條,如果使用scroling no 會消除縱向的滾動條。好,那也有可能在body標籤或css裡面定義overflow x hidden overflow y auto 這兩個引數,但是仍舊那討厭的橫向滾動條還在。這是為什麼呢?...

ie6取消橫向滾動條

本文技術 與網路,連線如下,感謝大家分享,著急的可以直接將下面的css樣式載入到自己頁面中即可,新手,有問題還請多多包涵,共同進步 html,body update 2014 09 15 按照上述修改之後,能解決部分橫屏問題,但是有時候還是不給力 發現新的方法,參見連線 感謝各位大神的分享啦 ove...