真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何在css中設(shè)置滾動條高度

如何在css中設(shè)置滾動條高度?相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)公司主營站前網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都APP應(yīng)用開發(fā),站前h5小程序開發(fā)搭建,站前網(wǎng)站營銷推廣歡迎站前等地區(qū)企業(yè)咨詢

css設(shè)置滾動條的樣式

注意:滾動條設(shè)置的width、height,分別是對應(yīng)縱向滾動條 寬度、橫向滾動條 高度,無法修改縱向滾動條高度、橫向滾動條寬度數(shù)值只介紹Google瀏覽器滾動條樣式,常用屬性如下:

::-webkit-scrollbar

滾動條整體樣式

::-webkit-scrollbar-button

一設(shè)置滾動條樣式,滾動條兩端的按鈕圖標(biāo)就消失,但可以重新設(shè)置圖片、新樣式

::-webkit-scrollbar-track

外層軌道

::-webkit-scrollbar-track-piece

內(nèi)層軌道,它會覆蓋外層軌道 scrollbar-track 的樣式

::-webkit-scrollbar-thumb

::-webkit-scrollbar-thumb:hover

::-webkit-scrollbar-thumb:vertical:hover

::-webkit-scrollbar-thumb:horizontal:hover

滑塊

滑塊懸浮

縱向滑塊懸浮

橫向滑塊懸浮

::-webkit-scrollbar-corner

邊角,兩個滾動條交匯處

注意:滾動條設(shè)置的width、height,分別是對應(yīng)縱向滾動條 寬度、橫向滾動條 高度,無法修改縱向滾動條高度、橫向滾動條寬度數(shù)值

/* 1,滾動條 */
     ::-webkit-scrollbar {
      width: 20px;          /* 縱向滾動條 寬度 */
      height: 15px;         /* 橫向滾動條 高度 */
      background: pink;   /* 整體背景 */
      border-radius: 10px;  /* 整體 圓角 */
    }

注意:滾動條兩端的按鈕也存在上述情況

/* 2,滾動條兩端的按鈕 */
    ::-webkit-scrollbar-button{
      width: 30px;          /* 橫向滾動條 寬度 */
      height: 20px;          /* 縱向滾動條 高度 */
      background: black;
      border-radius: 10px;
    }

下圖為一個實例,感興趣的可以嘗試,貼出源碼

如何在css中設(shè)置滾動條高度

 

 

  
  
  
  Document
  
  
  

 

  
  
    
      這是一個memo
      
                          {{item.title}}
          {{item.content}}                             

什么是css

css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言,主要是用來設(shè)計網(wǎng)頁的樣式,使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中,而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結(jié)構(gòu)決定,從而實現(xiàn)級聯(lián)效果,發(fā)展至今,css不僅能裝飾網(wǎng)頁,也可以配合各種腳本對于網(wǎng)頁進(jìn)行格式化。

看完上述內(nèi)容,你們掌握如何在css中設(shè)置滾動條高度的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!


當(dāng)前標(biāo)題:如何在css中設(shè)置滾動條高度
文章轉(zhuǎn)載:http://weahome.cn/article/pjjpgh.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部