夜夜嗨av一区二区,操白虎小穴视频,破解国产亚洲激情AV,欧美美女裸体视频网

284292114@qq.com 中國(guó)站
行業(yè)新聞 網(wǎng)站建設(shè) 網(wǎng)絡(luò)推廣 首頁(yè)>新聞中心>網(wǎng)站建設(shè)

深圳網(wǎng)站建設(shè)教你如何自定義滾動(dòng)條樣式或者隱藏

時(shí)間:2019-11-25   訪問(wèn)量:0

成都網(wǎng)站建設(shè):

滾動(dòng)條組成部分

1. ::-webkit-scrollbar 滾動(dòng)條整體部分

2. ::-webkit-scrollbar-thumb 滾動(dòng)條里面的小方塊,能向上向下移動(dòng)(或向左向右移動(dòng))

3. ::-webkit-scrollbar-track 滾動(dòng)條的軌道(里面裝有Thumb)

4. ::-webkit-scrollbar-button 滾動(dòng)條的軌道的兩端按鈕,由于通過(guò)點(diǎn)擊微調(diào)小方塊的位置。

5. ::-webkit-scrollbar-track-piece 內(nèi)層軌道,滾動(dòng)條中間部分

6. ::-webkit-scrollbar-corner 邊角,即垂直滾動(dòng)條和水平滾動(dòng)條相交的地方

7. ::-webkit-resizer 兩個(gè)滾動(dòng)條的交匯處上用于拖動(dòng)調(diào)整元素大小的小控件

 

滾動(dòng)條組成結(jié)構(gòu)圖如下:

 

 

其他設(shè)置項(xiàng):

:horizontal  
//horizontal偽類適用于任何水平方向上的滾動(dòng)條  
  
:vertical  
//vertical偽類適用于任何垂直方向的滾動(dòng)條  
  
:decrement  
//decrement偽類適用于按鈕和軌道碎片。表示遞減的按鈕或軌道碎片,例如可以使區(qū)域向上或者向右移動(dòng)的區(qū)域和按鈕  
  
:increment  
//increment偽類適用于按鈕和軌道碎片。表示遞增的按鈕或軌道碎片,例如可以使區(qū)域向下或者向左移動(dòng)的區(qū)域和按鈕  
  
:start  
//start偽類適用于按鈕和軌道碎片。表示對(duì)象(按鈕 軌道碎片)是否放在滑塊的前面  
  
:end  
//end偽類適用于按鈕和軌道碎片。表示對(duì)象(按鈕 軌道碎片)是否放在滑塊的后面  
  
:double-button  
//double-button偽類適用于按鈕和軌道碎片。判斷軌道結(jié)束的位置是否是一對(duì)按鈕。也就是軌道碎片緊挨著一對(duì)在一起的按鈕。  
  
:single-button  
//single-button偽類適用于按鈕和軌道碎片。判斷軌道結(jié)束的位置是否是一個(gè)按鈕。也就是軌道碎片緊挨著一個(gè)單獨(dú)的按鈕。  
  
:no-button  
no-button偽類表示軌道結(jié)束的位置沒(méi)有按鈕。  
  
:corner-present  
//corner-present偽類表示滾動(dòng)條的角落是否存在。  
  
:window-inactive  
//適用于所有滾動(dòng)條,表示包含滾動(dòng)條的區(qū)域,焦點(diǎn)不在該窗口的時(shí)候。  
  
::-webkit-scrollbar-track-piece:start {  
/*滾動(dòng)條上半邊或左半邊*/  
}  
  
::-webkit-scrollbar-thumb:window-inactive {  
/*當(dāng)焦點(diǎn)不在當(dāng)前區(qū)域滑塊的狀態(tài)*/  
}  
  
::-webkit-scrollbar-button:horizontal:decrement:hover {  
/*當(dāng)鼠標(biāo)在水平滾動(dòng)條下面的按鈕上的狀態(tài)*/  
}  

 

實(shí)例:

Html

        

 

Css

.test{

    width: 50px;

    height: 200px;

    overflow: auto;

    float: left;

    margin: 5px;

    border: none;

}

.scrollbar{

    width: 30px;

    height: 300px;

    margin: 0 auto;

 

}

.test-1::-webkit-scrollbar {/*滾動(dòng)條整體樣式*/

        width: 10px;     /*高寬分別對(duì)應(yīng)橫豎滾動(dòng)條的尺寸*/

        height: 1px;

    }

.test-1::-webkit-scrollbar-thumb {/*滾動(dòng)條里面小方塊*/

        border-radius: 10px;

         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #535353;

    }

.test-1::-webkit-scrollbar-track {/*滾動(dòng)條里面軌道,成都網(wǎng)站建設(shè)*/

        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        border-radius: 10px;

        background: #EDEDED;

}

 

效果如下如:

 

注意只在chrome下有效!

::-webkit-scrollbar{}這種寫法改變的是全局的滾動(dòng)條。


上一篇:龍華網(wǎng)站建設(shè)告訴你Pb如何獲取結(jié)果頁(yè)面關(guān)鍵詞和tags值

下一篇:企業(yè)怎么建設(shè)網(wǎng)站?企業(yè)做網(wǎng)站應(yīng)當(dāng)注意什么?

服務(wù)咨詢
1對(duì)1咨詢,專業(yè)客服為您解疑答惑
聯(lián)系銷售
15899750475
在線咨詢
聯(lián)系在線客服,為您解答所有的疑問(wèn)
ARE YOU INTERESTED IN ?
感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系項(xiàng)目經(jīng)理

15899750475 楊先生

a在线视频| 国产SUV精品一区二区33| 亚洲色大成网站www永久男同| 欧美色综合天天久久综合精品| 成人性生交大片免费看冫视频 | 国产精品日日做人人爱| 午夜精品一区二区三区| 女人18片毛片60分钟翻译| 国产剧情av在线| 国产精品| 午夜电影| 成人国产av精品| 秋霞网址| 亚洲熟女一区二区| 91精品国产综合久久久密臀九色| 日韩3级| 色综合网| 久久天堂网| 精品久久久久久18禁免费网站 | 久久国产亚洲精品赲碰热| 日韩人妻无码精品-专区| 黑巨人与欧美精品一区| 天天干天天射天天操| 日韩丰满少妇无吗视频激情内射 | 亚洲精品乱码久久久久久蜜桃图片| 天堂网资源在线WWW中文| 亚洲欧美精品水蜜桃| 精品永久久福利一区二区| 日本精品啪啪一区二区三区| 欧美老人巨大xxxx做受| 欧美亚洲国产成人一区二区三区| 久久国产热精品波多野结衣AV| 久热国产vs视频在线观看| JZZIJZZIJ日本成熟少妇| 超碰最新上传| 国产成人a亚洲精v品无码| 日本三级欧美三级人妇视频黑白配| 国产日产韩国精品视频| 大伊香蕉精品视频在线天堂| 久久亚洲AV成人无码电影| 亚洲国产成人久久精品APP|