去掉IE567滾動條 綜合

2021-05-23 01:28:11 字數 1080 閱讀 2139

以前說的方法如下:

這個方法是不標準的.  body裡沒有這個屬性.

正確方法:

這個可以去掉ie6,7的滾動

html

這個可去掉ie5.5的滾動

body

現在是去掉ie6的:

正確方法:

html

body

以下是網 上找的:

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

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

我從中找到了一下三種不僅解決了這個問題,而且你的頁面用xhtml 1.0 transitional 宣告也沒問題的方法。

方法1:

html

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

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

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

方法2:

html

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

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

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

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

方法3:

body

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

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

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

谷歌滾動條設定 IE滾動條設定

google瀏覽器chrome設定滾動條樣式 courrlist webkit scrollbar courrlist webkit scrollbar track courrlist webkit scrollbar thumb courrlist webkit scrollbar thumb w...

去掉iframe橫向滾動條

2010年01月22日 星期五 04 59 p.m.主頁面加iframe scrolling yes 子頁面 讓豎條消失 讓橫條消失 還要去掉 子頁面裡的 兩個都去掉 iframe自適應高度 寬度 function dyniframeautosize iframename,autotype 方法一 ...

去掉GridView的滾動條

重寫gridview的onmeasure方法,使其不會出現滾動條 package com.xfinder logistics.view import android.content.context import android.util.attributeset import android.wid...