CSS界面滾動(dòng)時(shí)不顯示滾動(dòng)條怎么辦

這篇文章主要講解了“CSS界面滾動(dòng)時(shí)不顯示滾動(dòng)條怎么辦”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“CSS界面滾動(dòng)時(shí)不顯示滾動(dòng)條怎么辦”吧！

　　設(shè)置css滾動(dòng)條的樣式：

　　div::-webkit-scrollbar{

　　width:0;

　　}

　　關(guān)于::-webkit-scrollbar

　　::-webkit-scrollbarCSS偽類選擇器影響了一個(gè)元素的滾動(dòng)條的樣式

　　::-webkit-scrollbar僅僅在支持WebKit的瀏覽器(例如,谷歌Chrome,蘋果Safari)可以使用.

　　CSS滾動(dòng)條選擇器

　　你可以使用以下偽元素選擇器去修改各式webkit瀏覽器的滾動(dòng)條樣式:

　　?::-webkit-scrollbar—整個(gè)滾動(dòng)條.

　　?::-webkit-scrollbar-button—滾動(dòng)條上的按鈕(上下箭頭).

　　?::-webkit-scrollbar-thumb—滾動(dòng)條上的滾動(dòng)滑塊.

　　?::-webkit-scrollbar-track—滾動(dòng)條軌道.

　　?::-webkit-scrollbar-track-piece—滾動(dòng)條沒有滑塊的軌道部分.

　　?::-webkit-scrollbar-corner—當(dāng)同時(shí)有垂直滾動(dòng)條和水平滾動(dòng)條時(shí)交匯的部分.

　　?::-webkit-resizer—某些元素的corner部分的部分樣式(例:textarea的可拖動(dòng)按鈕).

　　語法

　　::-webkit-scrollbar{styleshere}

　　例子

　　復(fù)制代碼

　　.invisible-scrollbar::-webkit-scrollbar{

　　display:none;

　　}

　　.mostly-customized-scrollbar::-webkit-scrollbar{

　　width:5px;

　　height:8px;

　　background-color:#aaa;/*oraddittothetrack*/

　　}

　　.mostly-customized-scrollbar::-webkit-scrollbar-thumb{

　　background:#000;

感謝各位的閱讀，以上就是“CSS界面滾動(dòng)時(shí)不顯示滾動(dòng)條怎么辦”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)CSS界面滾動(dòng)時(shí)不顯示滾動(dòng)條怎么辦這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！