去掉水平滾動條:
去掉豎直滾動條:
隱藏橫向滾動條,顯示縱向滾動條:
全部隱藏
或者是如果是框架頁,利用上面的方法仍不能去除可考慮以下辦法:
被包含頁面裡加入
如果想隱藏垂直滾動條:
哈哈,想不到囉哩叭嗦地,一下說了這麼多話
這裡還有另乙個新增滾動條的方法:
overflow-y :scroll
這個引數的作用上面解釋過了,不過如果只加這個引數的話,雖然滾動欄會顯示,但是不會顯示滾動條,所以必須還要加上乙個
height:多少px
高度屬性,跟上面的那個方法差不多,但是有根本的區別,這個無論物件內容的高度是否超過了height設定的高度,滾動欄永遠都會顯示在邊上的
下面我們說一下關於滾動條的美化,這個我朋友給我看了網上的乙個說明,我覺得上面的圖很不錯,但是很小,所以我放大了一倍,看起來就清楚多了,我們先說一下美化的各個屬性:
scrollbar-face-color: 顏色**;
scrollbar-highlight-color:顏色**;
scrollbar-shadow-color: 顏色**;
scrollbar-3dlight-color: 顏色**;
scrollbar-arrow-color: 顏色**;
scrollbar-track-color: 顏色**;
scrollbar-darkshadow-color: 顏色**;
大家是不是看到這麼多屬性有點點頭大了?哈哈,放心,看一下我剛才提及的被我放大了一倍的**你們就會感覺好多了:
這裡的上還有乙個scrollbar-base-color的屬性,其實這個屬性是個上面7個屬性的總合,怎麼說呢?就是當你設定了這個屬性的顏色後,
前面的7個屬性都可以不用設定了,滾動條會自動幫你設定的,只是這個設定都會基於你設定的scrollbar-base-color的顏色而自動設定
這個屬性的優點就是不用大家費盡心思的去研究各個地方的顏色,但是缺點就是不能夠融和五顏六色於一體。。
注:設定了scrollbar-base-color就不要設定其他七個屬性了,設定了其他七個屬性就不要設定scrollbar-base-color,不然之間可能會有衝突,會有一些效果不起作用的
最後,還是考慮到大家可能會喜歡我的美化**[真臭美~],我把我的美化**貼出來:
scrollbar-face-color: #ccffff;
scrollbar-highlight-color: white;
scrollbar-shadow-color: #813533;
scrollbar-3dlight-color: #813533;
scrollbar-arrow-color: #813533;
scrollbar-track-color: white;
scrollbar-darkshadow-color: #813533;
以上**本人是加在body{}中的
給頁面新增滾動條
1.overflow內容溢位時的設定 overflow 水平及垂直方向內容溢位時的設定 overflow x 水平方向內容溢位時的設定 overflow y 垂直方向內容溢位時的設定 上面三個屬性設定的值為visible scroll hidden auto visible 預設值,使用該值時,無論...
FLEX 給頁面新增滾動條
修改index.template.html,加入一段js獲取瀏覽器視窗的寬高,根據瀏覽器視窗寬高修改css樣式,html,body 的height和width是百分比還是具體大小,當是具體大小時就會出現滾動條,當是百分比時就會充滿整個視窗。具體如下 1 2 3 4 5 6 7 8 9 10 11 1...
頁面滾動條
頁面載入條 前面也介紹過幾種進入頁面時的載入條,這裡介紹的這個是乙個無需任何製作出來的載入條。效果很精美 更適合於深色頁面內的放入 為了讓大家能聯連貫地看學好下面的步驟,所以此例項載入後的頁面還是原頁面。製作方法 將下面的 複製到裡 將下面的 複製到裡 將下面的 複製到 裡 例項注釋 定義載入條屬性...