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...