關於IE下滾動條的問題

2021-08-30 05:40:58 字數 1041 閱讀 7746

1、完全隱藏

在裡加入scroll="no",可隱藏滾動條;

2、在不需要時隱藏

指當瀏覽器視窗寬度或高度大於頁面的寬或高時,不顯示滾動條;反之,則顯示;

3、樣式表方法

在裡加入style="overflow-x:hidden",可隱藏水平滾動條;加入style="overflow-y:hidden",可隱藏垂直滾動條。

這種方法在頁面頭部為:">這種相容模式下是不行的,其它的沒試過,最後終於找到了正確的方法:

被包含頁面裡加入

有一段解釋是這樣說的:body在標準 dtd 下是不可以的。

4、另一種方法

此方法在頁面頭部為:">這種相容模式下也是不行的。

1,overflow內容溢位時的設定

overflow 水平及垂直方向內容溢位時的設定

overflow-x 水平方向內容溢位時的設定

overflow-y 垂直方向內容溢位時的設定

以上三個屬性設定的值為visible、scroll、hidden、auto

visible 預設值。使用該值時,無論設定的"width"和"height"的值是多少,其中的內容無論是否超出範圍都將被強制顯示。

hidden 效果與visible相反。任何超出"width"和"height"的內容都會不可見。

scroll 無論內容是否超越範圍,都將顯示滾動條。

auto 當內容超出範圍時,顯示滾動條,否則不顯示。

應用:沒有水平滾動條:

test

沒有垂直滾動條

test

沒有滾動條

test

自動顯示滾動條

test

2,自己定義滾動條的顏色

我們一般預設的滾動條樣式如下左圖,右圖是放大了1600倍的樣子,我們可以看到滾動條有幾種言責組合的,我給他們標了7個號,分別注釋在下面的css**的後面了,注意css的注釋**是放在兩個斜槓內的兩個星號之間,如:/*

這裡放注釋的***/

body

關於IE下滾動條的問題

如何讓ie下的滾動條在內容少的時候隱藏得更徹底呢?滾動條的出現使固定的有限空間能夠展示更多的內容。但是當展示內容很少的時候,滾動條還需要嗎?這個情況下,firefox會將滾動條隱藏得很徹底,但是,ie做不到這樣,還留有滾動條的灰色痕跡。對比圖如下 firefox 3.0.1 ie7為例,ie6是同樣...

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

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

關於滾動條

定義滾動條軌道 style 3 webkit scrollbar track 定義滾動條高寬及背景 style 3 webkit scrollbar 定義滑塊 style 3 webkit scrollbar thumb 要在兩個div裡面顯示滾動條 1.首先div需要設定高度 2.內容必須超過di...