移動端網頁修改滾動條樣式使滾動條預設顯示
阿新 • • 發佈:2018-11-22
將此段程式碼放入style標籤中
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-button {
background-color: #FF7677;
display: none;
}
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.7);
}
::-webkit-scrollbar-thumb {
background: #717276;
//滾動條顏色 border-radius: 4px;
}
::-webkit-scrollbar-corner {
background: #82AFFF;
display: none;
}
::-webkit-scrollbar-resizer {
background: #FF0BEE;
}
::scrollbar {
width: 8px;
height: 8px;
}
::scrollbar-button {
background-color: #FF7677;
display: none;
}
::scrollbar-track {
background: rgba(255, 255, 255, 0.7);
}
::scrollbar-thumb {
background: #aaa;
border-radius: 4px;
}
::scrollbar-corner {
background: #82AFFF;
display: none ;
}
::scrollbar-resizer {
background: #FF0BEE;
}
即可