在H5中,可以使用CSS樣式來自定義mcustomscrollbar。以下是一些常見的自定義選項:
::-webkit-scrollbar {
background-color: #f5f5f5;
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #888;
}
::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
這里的background-color
屬性可以控制滾動條的背景色,width
屬性可以控制滾動條的寬度,::-webkit-scrollbar-thumb
選擇器用于控制滾動條的拖動塊顏色,::-webkit-scrollbar-thumb:hover
選擇器用于控制鼠標懸停時的顏色。
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
這里的width
屬性可以控制滾動條的寬度,height
屬性可以控制滾動條的高度。
::-webkit-scrollbar-track {
background-color: #f5f5f5;
border-radius: 5px;
}
這里的background-color
屬性可以控制滾動條的背景色,border-radius
屬性可以控制滾動條的邊框圓角。
::-webkit-scrollbar-thumb {
background-color: #888;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
這里的box-shadow
屬性可以控制滾動條拖動塊的陰影效果。
以上僅是一些常見的自定義選項,你可以根據自己的需求進行更多的樣式調整。