去除框架橫向滾動條

2021-04-20 02:50:35 字數 1195 閱讀 1950

在網頁上使用了frame或者iframe,使用ie6瀏覽,將可能出現非常不美觀的橫向滾動條。那麼你有可能會使用scrolling="no"這個屬性,但這樣講會導致連豎向的滾動條都不見了。好,那也有可能在body標籤或css裡面定義overflow-x: hidden; overflow-y: auto;這兩個引數,但是仍舊那討厭的橫向滾動條還在。

這是為什麼呢?原來,在用ie6瀏覽有框架的xhtml頁面的時候,缺省會水平和垂直滾動條會一起出現,這是ie6的乙個漏洞,你在firefox上瀏覽你的**是正常的,而ie6對xhtml 1.0 transitional doctype的解釋缺陷.

引用內容

以下為引用部分

方法1:

程式**

html

原理:強制顯示ie的垂直滾動條,而忽略水平滾動條

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

缺點:即使頁面不需要垂直滾動條的時候也會出現垂直滾動條。

方法2:

程式**

html

原理:隱藏橫向滾動,垂直滾動根據內容自適應

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

缺點:只是隱藏了水平滾動條,如果頁面真正需要水平滾動條的時候,

螢幕以外的內容會因為使用者無法水平滾動,而看不到。

方法3:

程式**

body

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

優點:在視覺上解決了這個問題.,垂直滾動根據內容自適應

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

在設定frame時,有一屬性是scrolling="yes/no/auto",ie6的mozilla都支援,但很顯然地,ie的開發人員在這個地方懶了一下,他們對auto的理解很不人性化。auto的意思是自動,就是要的時候有,不要的時候沒有。但如果設成auto,則在網頁過長需要出豎起滾動條時,ie會自動地把水平滾動條也顯示出來,哪怕網頁完全不超寬。而設成yes時,ie則會一直出豎直滾動條,而不隨便出水平條,這差不多是對的。所以如果要用frame的話,還是要把這個屬性設成yes,這完全是為遷就ie。 mozilla則在任何時候都是對的。

橫向滾動條無法去除

idea開發日程安排介面時,橫向滾動條無法去除,無論div或者視窗大小調整為多少,都有橫向滾動條。然後在谷歌瀏覽器中f12除錯,發現在callendar 日曆控制項 所在body有乙個邊距。這個邊距影響介面,無論視窗或者callendar所在div調整為多少,始終有乙個滾動條。解決方法 新增此段 將...

移動端去除橫向滾動條

在手機上逛一些電商 或者其他相同型別的 時,會遇到橫向滑動的商品。如京東 等電商 下。我們知道,這一般情況下為某個元素設定overflow auto做到,表示橫向或者豎向依據內容的多少自動出現滾動條。但是,在頁面中間出現橫向滾動條是十分不好看的.在不使用任何外掛程式的情況下,可以使用原生css的方法...

python橫向滾動條 控制滾動條

調過js指令碼控制 python 1.coding utf 8 2.from selenium import webdriver 3.import time 5.driver webdriver.firefox 6.driver.get 7.搜尋 8.driver.find element by i...